ع

Frost

Icy blues from frost-white to deep winter sky.

≈ Alice Blue
≈ Sky Mist
≈ Light Steel Blue
≈ Steel Blue
≈ Prussian Blue

Color codes

HEXRGBHSLCMYK
hsl(208, 100%, 97%)cmyk(6%, 3%, 0%, 0%)
hsl(206, 52%, 89%)cmyk(12%, 5%, 0%, 5%)
hsl(207, 45%, 77%)cmyk(24%, 11%, 0%, 13%)
hsl(211, 36%, 53%)cmyk(49%, 25%, 0%, 31%)
hsl(208, 53%, 23%)cmyk(69%, 32%, 0%, 65%)

CSS

:root {
  --frost-1: #F0F8FF;
  --frost-2: #D6E6F2;
  --frost-3: #A9C6DE;
  --frost-4: #5B84B1;
  --frost-5: #1C3D5A;
}

How these colors work together

This is a monochromatic palette built around a single hue. Overall it reads cool. Lightness spans 74 points, which sets how much contrast you can create.

3 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is ⁦#F0F8FF⁩ on ⁦#1C3D5A⁩ (10.50:1).

Frost — readable text using the best pair.

Suggested applications

  • Holiday campaigns and cozy seasonal content.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#ice#blue#cold

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Frost palette?
The Frost palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use ⁦#F0F8FF⁩ on ⁦#1C3D5A⁩: it has a contrast ratio of 10.50:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes

Evergreen#0B2E24 #1A4D3A #3D7A5A #D5E3DC #B8312FSilver Morning#F7F9FB #E1E6EB #B8C2CC #7A8794 #3E4A56Cabin Fire#2B1B17 #5C2E1F #A4452C #E6A157 #F4E1C1Japandi#F1EDE6 #D6CBBD #A89A86 #5F574B #2F2C28Dusty Blue Ceremony#F4F6F8 #CFD9E2 #9FB3C8 #61789A #D6B88FBurgundy Autumn#4A0E1C #7B1E33 #B5524F #E8B78F #F7ECDF