Ice Citadel

#b2f8f8

Brighter, softer cyan-blue for airy panels

Save
Share

About Ice Citadel

On my screen, Ice Citadel reads like a clean, frozen mist trapped behind glass. It's brighter and lighter than 's more punchy cyan, but it never gets as barely-there as . Where Eternal Winter feels calm but a bit softer, this one adds a sharper, icy undertone that stays present even over busy UI textures.

I reach for it in dashboards and finance apps and other product surfaces that need a cool highlight without shouting. It works well for data chips, hover states, and status labels where you want clarity at a glance, and it holds up nicely in video overlays too, like telemetry bars on top of night footage. In button accents, it reads "cold clean" rather than "flat wash."

Pair it with medium blues or warm grays to keep it from drifting toward pastel. Test it on your actual backgrounds, because this shade stays noticeable more often than the paler siblings.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.19:1Fail

On Gray 100 #f5f5f5

Aa
1.09:1Fail

On Gray 900 #18181b

Aa
14.91:1AAA

On Black #000000

Aa
17.68:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Ice Citadel

Open the generator with this color pre-loaded.

Start creating