Black#000814
Eerie Black#001D3D
Midnight Blue#003566
Amber#FFC300
Gold#FFD60A
Color Palette
#000814 · #001D3D · #003566 · #FFC300 · #FFD60A
complementary0 likes
Share
Export for Developers
:root {
--color-1: #000814;
--color-1-rgb: 0, 8, 20;
--color-1-hsl: 216, 100%, 4%;
--color-2: #001D3D;
--color-2-rgb: 0, 29, 61;
--color-2-hsl: 211, 100%, 12%;
--color-3: #003566;
--color-3-rgb: 0, 53, 102;
--color-3-hsl: 209, 100%, 20%;
--color-4: #FFC300;
--color-4-rgb: 255, 195, 0;
--color-4-hsl: 46, 100%, 50%;
--color-5: #FFD60A;
--color-5-rgb: 255, 214, 10;
--color-5-hsl: 50, 100%, 52%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#000814
On White
20.1:1AAA
On Black
1.04:1Fail
Aa
Aa
#001D3D
On White
16.89:1AAA
On Black
1.24:1Fail
Aa
Aa
#003566
On White
12.34:1AAA
On Black
1.7:1Fail
Aa
Aa
#FFC300
On White
1.61:1Fail
On Black
13.06:1AAA
Aa
Aa
#FFD60A
On White
1.41:1Fail
On Black
14.88: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
#063274
#084F9B
#0A69C2
#F7D76E
#F8E277
🌑
darker
· Reduced lightness, increased saturation
#000A19
#000C19
#000D19
#997500
#A38800
🌫️
muted
· Desaturated for a calm, muted look
#030911
#091E34
#0F3457
#D9AF26
#DABE2F
⚡
vibrant
· Boosted saturation for maximum impact
#0052CC
#0063CC
#0069CC
#FFC400
#FFD60A