Beauty & Personal Care
Estée Lauder Color Codes
Estee Lauder works in a navy blue, hex #003471, with white. The Estee Lauder color codes in Hex, RGB and CMYK can be found below. Josephine Esther Mentzer, who went by Estee, started the company with her husband Joseph in 1946, selling four skin creams built from her uncle's formulas; a Youth-Dew bath oil in 1953 was the product that scaled it. Its nearest peer on this site is L'Oreal.
Primary colors
What are Estée Lauder Primary Colors?
Estée Lauder's primary colors are navy #003471, white #FFFFFF.
Estee Lauder publishes brand guidance; the values shown match its stated navy.
Estée Lauder Navy
| Hex | #003471 |
|---|---|
| RGB | 0, 52, 113 |
| HSL | hsl(212, 100%, 22%) |
| CMYK | 100%, 54%, 0%, 56%converted · approximate |
| Pantone | PMS 281 Cnearest match · not published by the brand |
Estée Lauder White
| Hex | #FFFFFF |
|---|---|
| RGB | 255, 255, 255 |
| HSL | hsl(0, 0%, 100%) |
| CMYK | 0%, 0%, 0%, 0%converted · approximate |
| Pantone | PMS 656 Cnearest match · not published by the brand |
Estée Lauder Hex Color Codes
Estée Lauder hex color codes are #003471 for navy and #FFFFFF for white.
| Color | Hex |
|---|---|
| Navy | #003471 |
| White | #FFFFFF |
Estée Lauder RGB Color Codes
Estée Lauder RGB color codes are 0, 52, 113 for navy and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Navy | rgb(0, 52, 113) |
| White | rgb(255, 255, 255) |
Estée Lauder HSL Color Codes
Estée Lauder HSL color codes are 212, 100%, 22% for navy and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Navy | hsl(212, 100%, 22%) |
| White | hsl(0, 0%, 100%) |
Estée Lauder CMYK Color Code
Estée Lauder CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Navy | 100%, 54%, 0%, 56% |
| White | 0%, 0%, 0%, 0% |
Estée Lauder Pantone Color Codes
Estée Lauder Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Navy | PMS 281 C |
| White | PMS 656 C |
Logo
Estée Lauder Logo Colors
Estee Lauder logo colors are a single navy wordmark, or white reversed on navy.
Estée Lauder Logo Colors Palette
What the Estée Lauder Logo Colors Mean?
The Estee Lauder logo colors are one restrained navy, chosen to read as a department-store counter rather than a drugstore aisle. As the parent of MAC, Clinique, La Mer and the rest, the master brand stays deliberately quiet so each house underneath it can set its own color. The navy is close enough to black to feel formal without being cold.
Estée Lauder Logo Color History
Estee Lauder logo color history is one of the steadier ones in beauty. The navy capital wordmark, with the macron over the first E, has run in essentially its current form for decades; refreshes have adjusted spacing and the exact blue but not the idea.
Estée Lauder Logo Fonts
Estee Lauder logo fonts are a custom transitional serif, high in contrast with fine bracketed serifs. A cut of Didot or a similar modern serif is the closest match.
Estée Lauder Logo JPG
Estée Lauder logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Estée Lauder Logo PNG
Estée Lauder logo in PNG, with a transparent background. Use it over a colored surface.
Estée Lauder Logo WebP
Estée Lauder logo in WebP. Same transparency as the PNG at about a third of the file size.
Estée Lauder Color Code Shades
Estée Lauder color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Estée Lauder paint or trim names.
In code
Using the Estée Lauder palette
CSS custom properties
:root {
--estee-lauder-navy: #003471;
--estee-lauder-white: #FFFFFF;
}Contrast against white
| Navy | 12.14:1AA ✓ |
|---|---|
| White | 1.00:1AA × |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.