Monochrome Minimalist Capsule

Essential capsule wardrobe scheme of jet black overcoats, charcoal crewnecks, and stark white poplin shirts.

#Fashion#Minimal#Clean#Dark#Neutral
Open in Generator
COLOR 1
#000000
Black
COLOR 2
#262626
Stone 800
COLOR 3
#525252
Graphite
COLOR 4
#A3A3A3
Dark Gray
COLOR 5
#FFFFFF
White

Color Values & Codes

HEX · RGB · HSL
Black
#000000
rgb(0, 0, 0)hsl(0, 0%, 0%)Color details →
Stone 800
#262626
rgb(38, 38, 38)hsl(0, 0%, 15%)Color details →
Graphite
#525252
rgb(82, 82, 82)hsl(0, 0%, 32%)Color details →
Dark Gray
#A3A3A3
rgb(163, 163, 163)hsl(0, 0%, 64%)Color details →
White
#FFFFFF
rgb(255, 255, 255)hsl(0, 0%, 100%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #000000;
  --color-2: #262626;
  --color-3: #525252;
  --color-4: #A3A3A3;
  --color-5: #FFFFFF;
}

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
#000000 on #A3A3A38.33:1
Normal Text AA Pass
Sample Text
#000000 on #FFFFFF21.00:1
Normal Text AA Pass
Sample Text
#262626 on #A3A3A36.00:1
Normal Text AA Pass
Sample Text
#262626 on #FFFFFF15.13:1
Normal Text AA Pass
Sample Text
#525252 on #A3A3A33.10:1
Large Text Only (Pass)
Sample Text
#525252 on #FFFFFF7.81:1
Normal Text AA Pass