Eerie Black#111111
Eerie Black#222222
Jet#333333
Graphite#444444
Smoke#EEEEEE
Color Palette
#111111 · #222222 · #333333 · #444444 · #EEEEEE
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #111111;
--color-1-rgb: 17, 17, 17;
--color-1-hsl: 0, 0%, 7%;
--color-2: #222222;
--color-2-rgb: 34, 34, 34;
--color-2-hsl: 0, 0%, 13%;
--color-3: #333333;
--color-3-rgb: 51, 51, 51;
--color-3-hsl: 0, 0%, 20%;
--color-4: #444444;
--color-4-rgb: 68, 68, 68;
--color-4-hsl: 0, 0%, 27%;
--color-5: #EEEEEE;
--color-5-rgb: 238, 238, 238;
--color-5-hsl: 0, 0%, 93%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#111111
On White
18.88:1AAA
On Black
1.11:1Fail
Aa
Aa
#222222
On White
15.91:1AAA
On Black
1.32:1Fail
Aa
Aa
#333333
On White
12.63:1AAA
On Black
1.66:1Fail
Aa
Aa
#444444
On White
9.74:1AAA
On Black
2.16:1Fail
Aa
Aa
#EEEEEE
On White
1.16:1Fail
On Black
18.1:1AAA
Aa
Aa
Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.
Palette Variations
Palette Variations
Original
☀️
lighter
· Increased lightness, reduced saturation
#454545
#545454
#666666
#787878
#F2F2F2
🌑
darker
· Reduced lightness, increased saturation
#0D0C0C
#0D0C0C
#0D0C0C
#131111
#BEB7B7
🌫️
muted
· Desaturated for a calm, muted look
#121212
#212121
#333333
#454545
#EDEDED
⚡
vibrant
· Boosted saturation for maximum impact
#854747
#854747
#854747
#854747
#B87A7A