Glacier Blue Color Palette: Hex Codes & CSS

Q: What colors are in the Glacier Blue palette?

Pale ice blue deepening into vivid glacier teal. Hex codes: #CAF0F8, #ADE8F4, #90E0EF, #48CAE4, #00B4D8.

Q: How do I turn the Glacier Blue palette into a CSS gradient?

Use background: linear-gradient(to right, #CAF0F8, #ADE8F4, #90E0EF, #48CAE4, #00B4D8);, or open it in the live gradient generator to customize it further.

Glacier Blue Color Palette

Pale ice blue deepening into vivid glacier teal.

Make it a gradient →

Want to adjust the palette colors? Use the Color Palette Generator →

Colors

#CAF0F8

#ADE8F4

#90E0EF

#48CAE4

#00B4D8

Contrast on Light & Dark Backgrounds

Hex	On White	On Black
#CAF0F8	T -	T -
#ADE8F4	T -	T -
#90E0EF	T -	T -
#48CAE4	T -	T -
#00B4D8	T -	T -

Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.

Glacier Blue CSS Code

#CAF0F8
#ADE8F4
#90E0EF
#48CAE4
#00B4D8

rgba(202, 240, 248, 1.0)
rgba(173, 232, 244, 1.0)
rgba(144, 224, 239, 1.0)
rgba(72, 202, 228, 1.0)
rgba(0, 180, 216, 1.0)

hsla(190, 77%, 88%, 1.0)
hsla(190, 76%, 82%, 1.0)
hsla(189, 75%, 75%, 1.0)
hsla(190, 74%, 59%, 1.0)
hsla(190, 100%, 42%, 1.0)

oklch(93.06% 0.0408 211.84)
oklch(89.48% 0.0619 211.54)
oklch(86.03% 0.0809 210.7)
oklch(77.89% 0.1165 213.7)
oklch(71.14% 0.1286 218.98)

The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →

Similar Palettes

More Color Palettes

FAQ

What colors are in the Glacier Blue palette?