ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Fashion· Curated

Milan Runway Neutral

Sophisticated haute couture neutral tones inspired by Italian high fashion runways and luxury cashmere.

#Fashion#Neutral#Creative
Open in Generator
COLOR 1
#191817
Sumi Ink Black
COLOR 2
#4A453F
Smoky Quartz
COLOR 3
#8C8275
Hemp
COLOR 4
#C7BCA9
Burlap
COLOR 5
#F2ECE1
Linen

Suitable Design Applications

Fashion Week LookbooksCosmetics PackagingEditorial Model PortfoliosLuxury Department Stores

Visual Psychology & Mood

Subtle poise, high tailoring, and effortless discernment.

Editorial Application Advice

Nuanced alabaster, soft cashmere gray, and rich espresso. Understated sophistication that never competes with featured photography.

Recommended UI Role Architecture

Optimal visual hierarchy assignment for digital product interfaces:

Primary Canvas Background
#F9F9F8
Card & Elevated Surface
#EEEEEC
Primary Brand CTA Accent
#52525B
Secondary Accent & Focus
#71717A
Typography & Headings
#18181B

Color Values & Codes

HEX · RGB · HSL
rgb(25, 24, 23)hsl(30, 4%, 9%)Color details →
rgb(74, 69, 63)hsl(33, 8%, 27%)Color details →
Hemp
#8C8275
rgb(140, 130, 117)hsl(34, 9%, 50%)Color details →
Burlap
#C7BCA9
rgb(199, 188, 169)hsl(38, 21%, 72%)Color details →
Linen
#F2ECE1
rgb(242, 236, 225)hsl(39, 40%, 92%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Fashion Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #191817;
  --color-2: #4A453F;
  --color-3: #8C8275;
  --color-4: #C7BCA9;
  --color-5: #F2ECE1;
}

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
#191817 on #C7BCA99.45:1
Normal Text AA Pass
Sample Text
#191817 on #F2ECE115.08:1
Normal Text AA Pass
Sample Text
#4A453F on #C7BCA95.06:1
Normal Text AA Pass
Sample Text
#4A453F on #F2ECE18.07:1
Normal Text AA Pass
Sample Text
#8C8275 on #C7BCA92.01:1
Large Text Only (Fail)
Sample Text
#8C8275 on #F2ECE13.21:1
Large Text Only (Pass)

Related Palettes in Fashion

Explore Fashion
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold

Frequently Asked Questions About Milan Runway Neutral

Production design guidance and accessibility rules for applying the Milan Runway Neutral (Fashion) color palette.

What is the recommended role hierarchy for the Milan Runway Neutral palette?
In digital interface design, allocate #191817 and #F2ECE1 for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #4A453F or #8C8275 as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Milan Runway Neutral WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Milan Runway Neutral palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.