Ralph Lauren color palette
FashionRalph Lauren's color identity centers on a rich navy blue, evoking timeless American style and luxury. The palette is classic, with deep neutrals and subtle accents reflecting the brand's heritage and sophistication.
ralphlauren.comRalph Lauren colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ralph Lauren NavyPrimary0, 46, 93
- Polo GoldSecondary191, 161, 107
- Polo RedAccent164, 28, 39
Surfaces
Page, cards and dividers.- RL WhiteBackground255, 255, 255
- RL Light GraySurface245, 245, 245
- RL Border GrayBorder216, 216, 216
Text
Three tiers of copy.- RL CharcoalText34, 34, 34
- RL Medium GraySecondary text102, 102, 102
- RL Muted GrayMuted text166, 166, 166
Semantic
Feedback and state colors.- RL Forest GreenSuccess58, 125, 59
- RL MustardWarning216, 154, 29
- RL Deep RedError179, 38, 30
- RL BlueInfo58, 110, 165
Use Ralph Lauren's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ralph-lauren-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3A6EA5;
--error: #B3261E;
--accent: #A41C27;
--border: #D8D8D8;
--primary: #002E5D;
--success: #3A7D3B;
--surface: #F5F5F5;
--warning: #D89A1D;
--secondary: #BFA16B;
--text-muted: #A6A6A6;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Ralph Lauren gray and neutral colors
The quiet part of the Ralph Lauren palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- RL WhiteBackground
- HEX
- RGB
- HSL
- RL Light GraySurface
- HEX
- RGB
- HSL
- RL Border GrayBorder
- HEX
- RGB
- HSL
- RL CharcoalText
- HEX
- RGB
- HSL
- RL Medium GraySecondary text
- HEX
- RGB
- HSL
- RL Muted GrayMuted text
- HEX
- RGB
- HSL
About Ralph Lauren's colors
Ralph Lauren's palette is rooted in classic Americana, with navy as the anchor and gold and red as sophisticated accents. The colors are balanced to evoke tradition, luxury, and approachability.
Navy and gold create a sense of prestige and heritage.
Red is used sparingly for emphasis and energy.
Neutrals provide a clean, timeless backdrop for product imagery.
Psychology
Navy blue conveys trust, stability, and timelessness, aligning with Ralph Lauren's brand values. Gold and red add warmth and a sense of exclusivity.
Evolution
The Ralph Lauren palette has remained largely consistent, emphasizing navy and gold since its inception. Minor adjustments have been made for digital clarity, but the core colors are unchanged.
Where Ralph Lauren uses each color
- Primary
Ralph Lauren Navy is used in the logo, navigation bars, and key brand elements.
- Secondary
Polo Gold appears in accents, trim, and select call-to-actions.
- Accent
Polo Red is used for highlights, promotional banners, and special product lines.
- Backgrounds
RL White and RL Light Gray are used for website backgrounds and product pages.
- Text
RL Charcoal and RL Medium Gray are used for primary and secondary text throughout the site.
- Semantic
RL Forest Green, RL Mustard, and RL Deep Red are used for success, warning, and error states in UI messaging.
Ralph Lauren color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Ralph Lauren primary color is Ralph Lauren Navy, hex code #002E5D.
Ralph Lauren Navy (#002E5D) in RGB is (0, 46, 93) and in CMYK is (100, 51, 0, 64).
Ralph Lauren uses RL Light Gray (#F5F5F5), RL Border Gray (#D8D8D8), RL Charcoal (#222222), RL Medium Gray (#666666), and RL Muted Gray (#A6A6A6) for backgrounds, borders, and text.
Use Ralph Lauren Navy (#002E5D) for primary branding, with Polo Gold (#BFA16B) and Polo Red (#A41C27) as accents. Neutrals support clean layouts and ensure product imagery stands out.
The secondary color is Polo Gold, #BFA16B, and the accent is Polo Red, #A41C27. Together with the primary they make up the three brand colors at the top of this page.
4 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 Ralph Lauren's colors consistently when it generates UI.
Make something in the spirit of Ralph Lauren
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.