Skip to the color picker
PickShade

Color palette: Soft very dark blue, Deep dark blue, Sapphire, Bright light blue, Muted very light blue

Press Space for a new palette. Lock the colors you like and the rest follow them.

Style
  1. 031533Soft very dark blue
  2. 17429CDeep dark blue
  3. 0F52BASapphire
  4. 88AFF5Bright light blue
  5. E6EFFCMuted very light blue

Space for a new palette, Ctrl+Z to undo, click a color to edit it.

Export

Export
Values
:root {
    --midnight-blue: oklch(20.147% 0.06474 258.645);
    --cobalt: oklch(40.907% 0.1545 262.525);
    --sapphire: oklch(46.654% 0.17629 260.008);
    --baby-blue: oklch(75.312% 0.11017 261.691);
    --lavender: oklch(94.918% 0.02001 257.472);
}

Checks

Readable text pairs

  • Aa15.6:1
  • Aa8.2:1
  • Aa7.9:1
  • Aa6.2:1

Every color stays distinguishable for color-blind people.

Open in the simulator

Colors in this palette

NameHEXRGBOKLCH
Soft very dark blue#031533rgb(3 21 51)oklch(20.147% 0.06474 258.645)
Deep dark blue#17429crgb(23 66 156)oklch(40.907% 0.1545 262.525)
Sapphire#0f52bargb(15 82 186)oklch(46.654% 0.17629 260.008)
Bright light blue#88aff5rgb(136 175 245)oklch(75.312% 0.11017 261.691)
Muted very light blue#e6effcrgb(230 239 252)oklch(94.918% 0.02001 257.472)