Fashion Editorial Color Psychology & Meaning
Fashion Editorial is the color of Vogue pages — warm off-white, deep black, and the barely-there warmth of skin tone neutrals. The palette disappears to let fashion breathe.
#F0EDE8
#1A1A1A
#8B7355
#C4A882
Background
Primary Accent
Secondary
Body Text
Fashion Editorial
minimalmoodywarm autumnwinter brandingfashion
Fail
WCAG Grade
1.9:1
Contrast Ratio
3,102
Saves
8,423
AI Copies
Use #F0EDE8 as the background. Use #1A1A1A as the primary accent. Use #8B7355 as secondary. Use #C4A882 as body text/supporting color. Palette mood: Fashion Editorial — minimal, moody, warm.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Fashion Editorial color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 84.9% | 240, 237, 232 | 0%, 1%, 3%, 6% | 38°, 21%, 93% | ||
| Primary Accent Luminance: 1.0% | 26, 26, 26 | 0%, 0%, 0%, 90% | 0°, 0%, 10% | ||
| Secondary Luminance: 18.4% | 139, 115, 85 | 0%, 17%, 39%, 45% | 33°, 24%, 44% | ||
| Body Text Luminance: 41.4% | 196, 168, 130 | 0%, 14%, 34%, 23% | 35°, 36%, 64% |
Color Harmony: Custom Scheme
The Fashion Editorial palette is built using a custom relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A custom palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Fashion editorial photography developed in the 1960s when art directors like Alexander Liberman at Vogue established the minimalist-neutral aesthetic that frames clothing.
Best Design Use Cases
Warm off-white for all print and digital surfaces. Pure black for typography. Neutral tans for secondary elements. Never introduce color.
Industries This Palette Suits
Fashion, luxury, editorial, premium brands.
How to Implement the Fashion Editorial Color Scheme
To use this Fashion Editorial color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #F0EDE8 for the main background and #1A1A1A for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #C4A882 and #F0EDE8 is 1.94:1 (Fail). Ensure your body text remains legible.