Eerie Black#0F0F0F
Jet#292929
Graphite#434343
Dim Gray#6E6E6E
Smoke#F1F1F1
Color Palette
#0F0F0F · #292929 · #434343 · #6E6E6E · #F1F1F1
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #0F0F0F;
--color-1-rgb: 15, 15, 15;
--color-1-hsl: 0, 0%, 6%;
--color-2: #292929;
--color-2-rgb: 41, 41, 41;
--color-2-hsl: 0, 0%, 16%;
--color-3: #434343;
--color-3-rgb: 67, 67, 67;
--color-3-hsl: 0, 0%, 26%;
--color-4: #6E6E6E;
--color-4-rgb: 110, 110, 110;
--color-4-hsl: 0, 0%, 43%;
--color-5: #F1F1F1;
--color-5-rgb: 241, 241, 241;
--color-5-hsl: 0, 0%, 95%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#0F0F0F
On White
19.17:1AAA
On Black
1.1:1Fail
Aa
Aa
#292929
On White
14.55:1AAA
On Black
1.44:1Fail
Aa
Aa
#434343
On White
9.89:1AAA
On Black
2.12:1Fail
Aa
Aa
#6E6E6E
On White
5.1:1AA
On Black
4.12:1Fail
Aa
Aa
#F1F1F1
On White
1.13:1Fail
On Black
18.59: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
#424242
#5C5C5C
#757575
#A1A1A1
#F2F2F2
🌑
darker
· Reduced lightness, increased saturation
#0D0C0C
#0D0C0C
#100F0F
#3E3838
#C2BCBC
🌫️
muted
· Desaturated for a calm, muted look
#0F0F0F
#292929
#424242
#6E6E6E
#F2F2F2
⚡
vibrant
· Boosted saturation for maximum impact
#854747
#854747
#854747
#8F4D4D
#B87A7A