Vogue Autumn Runway

Fall/Winter ready-to-wear runway scheme with rich camel coats, terracotta leather boots, and saffron scarves.

#Fashion#Warm#Earthy#Luxury#Elegant
Open in Generator
COLOR 1
#2B1B17
Espresso Brown
COLOR 2
#5C2C16
Cedar
COLOR 3
#9C411E
Burnt Terracotta
COLOR 4
#D97724
Bakelite Amber
COLOR 5
#F4D06F
Jasmine White

Color Values & Codes

HEX · RGB · HSL
rgb(43, 27, 23)hsl(12, 30%, 13%)Color details →
Cedar
#5C2C16
rgb(92, 44, 22)hsl(19, 61%, 22%)Color details →
rgb(156, 65, 30)hsl(17, 68%, 36%)Color details →
rgb(217, 119, 36)hsl(28, 72%, 50%)Color details →
rgb(244, 208, 111)hsl(44, 86%, 70%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #2B1B17;
  --color-2: #5C2C16;
  --color-3: #9C411E;
  --color-4: #D97724;
  --color-5: #F4D06F;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#2B1B17 on #D977245.20:1
Normal Text AA Pass
Sample Text
#2B1B17 on #F4D06F11.08:1
Normal Text AA Pass
Sample Text
#5C2C16 on #D977243.62:1
Large Text Only (Pass)
Sample Text
#5C2C16 on #F4D06F7.72:1
Normal Text AA Pass
Sample Text
#9C411E on #D977242.07:1
Large Text Only (Fail)
Sample Text
#9C411E on #F4D06F4.42:1
Large Text Only (Pass)