Ice Citadel
#b2f8f8
Brighter, softer cyan-blue for airy panels
About Ice Citadel
On my screen, Ice Citadel reads like a clean, frozen mist trapped behind glass. It's brighter and lighter than Frostbite's more punchy cyan, but it never gets as barely-there as Friendly Frost. 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.