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

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact