Eerie Black#0A2540
Royal Blue#1F6FEB
Cornflower Blue#58A6FF
Light Blue#A5D6FF
Alice Blue#F0F6FC

Color Palette

#0A2540 · #1F6FEB · #58A6FF · #A5D6FF · #F0F6FC

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #0A2540;
  --color-1-rgb: 10, 37, 64;
  --color-1-hsl: 210, 73%, 15%;
  --color-2: #1F6FEB;
  --color-2-rgb: 31, 111, 235;
  --color-2-hsl: 216, 84%, 52%;
  --color-3: #58A6FF;
  --color-3-rgb: 88, 166, 255;
  --color-3-hsl: 212, 100%, 67%;
  --color-4: #A5D6FF;
  --color-4-rgb: 165, 214, 255;
  --color-4-hsl: 207, 100%, 82%;
  --color-5: #F0F6FC;
  --color-5-rgb: 240, 246, 252;
  --color-5-hsl: 210, 67%, 96%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#0A2540
On White
15.54:1AAA
On Black
1.35:1Fail
Aa
Aa
#1F6FEB
On White
4.63:1AA
On Black
4.53:1AA
Aa
Aa
#58A6FF
On White
2.53:1Fail
On Black
8.31:1AAA
Aa
Aa
#A5D6FF
On White
1.54:1Fail
On Black
13.66:1AAA
Aa
Aa
#F0F6FC
On White
1.09:1Fail
On Black
19.29: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