Lowe's color palette
EcommerceLowe's brand identity is anchored by its signature blue, paired with a practical palette of grays and accent reds. The color system emphasizes trust, reliability, and approachability in retail and digital environments.
lowes.comLowe's colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lowe's BluePrimary0, 73, 144
- Lowe's Bright BlueSecondary0, 92, 185
- Lowe's RedAccent229, 24, 55
Surfaces
Page, cards and dividers.- Lowe's Light GrayBackground245, 246, 247
- Lowe's WhiteSurface255, 255, 255
- Lowe's Border GrayBorder217, 217, 214
Text
Three tiers of copy.- Lowe's CharcoalText33, 33, 33
- Lowe's Medium GraySecondary text74, 74, 74
- Lowe's Muted GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- Lowe's GreenSuccess58, 145, 63
- Lowe's YellowWarning255, 180, 0
- Lowe's RedError229, 24, 55
- Lowe's Bright BlueInfo0, 92, 185
Use Lowe's's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lowes-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #005CB9;
--error: #E51837;
--accent: #E51837;
--border: #D9D9D6;
--primary: #004990;
--success: #3A913F;
--surface: #FFFFFF;
--warning: #FFB400;
--secondary: #005CB9;
--text-muted: #757575;
--background: #F5F6F7;
--text-primary: #212121;
--text-secondary: #4A4A4A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.9:1
Pass
Text on surface
Needs 4.5:1 for body text
16.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.9:1
Pass
Muted text on background
Needs 3:1 for large text
4.3:1
Pass
Muted text on surface
Needs 3:1 for large text
4.6:1
Pass
Lowe's gray and neutral colors
The quiet part of the Lowe's palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lowe's Light GrayBackground
- HEX
- RGB
- HSL
- Lowe's WhiteSurface
- HEX
- RGB
- HSL
- Lowe's Border GrayBorder
- HEX
- RGB
- HSL
- Lowe's CharcoalText
- HEX
- RGB
- HSL
- Lowe's Medium GraySecondary text
- HEX
- RGB
- HSL
- Lowe's Muted GrayMuted text
- HEX
- RGB
- HSL
About Lowe's's colors
Lowe's color palette is built on a foundation of deep blue, accented by red and supported by neutral grays and white. This combination projects trustworthiness and clarity across all brand touchpoints.
Primary blue dominates navigation and branding.
Accent red is reserved for calls to action and promotions.
Grays and whites provide neutral backgrounds and surfaces.
Psychology
Blue evokes trust, dependability, and professionalism, which aligns with Lowe's positioning as a reliable home improvement retailer. Red adds urgency and draws attention to key actions.
Evolution
Lowe's palette has remained stable for decades, with minor adjustments to blue and gray tones for digital accessibility. The brand's blue has always been central to its identity.
Where Lowe's uses each color
- Primary
Used for the main navigation bar, logo, and key brand elements.
- Secondary
Appears in buttons, links, and highlighted navigation states.
- Accent
Used for sale tags, promotional banners, and urgent calls to action.
- Backgrounds
Light gray and white are used for page backgrounds and content areas.
- Text
Charcoal and medium gray are used for primary and secondary text throughout the site.
- Semantic
Green, yellow, and red are used for success, warning, and error messaging in forms and alerts.
Lowe's color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Lowe's brand blue is #004990. This color is used in the logo and primary navigation.
Lowe's Blue (#004990) is RGB(0, 73, 144) and CMYK(100, 49, 0, 44). These values ensure color consistency across print and digital.
Lowe's uses #F5F6F7 (Light Gray), #D9D9D6 (Border Gray), #212121 (Charcoal), and #4A4A4A (Medium Gray) for backgrounds, borders, and text. These neutrals provide clarity and contrast in the UI.
Primary blue (#004990) should dominate branding and navigation, while accent red (#E51837) is reserved for calls to action. Grays and whites structure backgrounds and surfaces for readability.
The secondary color is Lowe's Bright Blue, #005CB9, and the accent is Lowe's Red, #E51837. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Lowe's's colors consistently when it generates UI.
Make something in the spirit of Lowe's
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.