Scandi Minimal Knitwear

Copenhagen fashion week aesthetic with chunky heathered oatmeal wool, slate parkas, and crisp clean lines.

#Fashion#Minimal#Neutral#Clean#Soft
Open in Generator
COLOR 1
#292524
Stone 800
COLOR 2
#57534E
Smoky Quartz
COLOR 3
#A8A29E
Dark Gray
COLOR 4
#D6D3D1
Light Gray
COLOR 5
#F5F5F4
White Smoke

Color Values & Codes

HEX · RGB · HSL
Stone 800
#292524
rgb(41, 37, 36)hsl(12, 6%, 15%)Color details →
rgb(87, 83, 78)hsl(33, 5%, 32%)Color details →
Dark Gray
#A8A29E
rgb(168, 162, 158)hsl(24, 5%, 64%)Color details →
Light Gray
#D6D3D1
rgb(214, 211, 209)hsl(24, 6%, 83%)Color details →
rgb(245, 245, 244)hsl(60, 5%, 96%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #292524;
  --color-2: #57534E;
  --color-3: #A8A29E;
  --color-4: #D6D3D1;
  --color-5: #F5F5F4;
}

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
#292524 on #D6D3D110.18:1
Normal Text AA Pass
Sample Text
#292524 on #F5F5F413.90:1
Normal Text AA Pass
Sample Text
#57534E on #D6D3D15.12:1
Normal Text AA Pass
Sample Text
#57534E on #F5F5F46.99:1
Normal Text AA Pass
Sample Text
#A8A29E on #D6D3D11.69:1
Large Text Only (Fail)
Sample Text
#A8A29E on #F5F5F42.31:1
Large Text Only (Fail)