Ice Cube
#afe3d6
Very light icy blue, less green and calmer than bay
About Ice Cube
Ice Cube reads like the moment cold air hits glass. It's airy and very light, but it doesn't drift into the watery "looks like nothing" territory you get with more muted teals.
Compared to Bay, Ice Cube is cooler and less green-warm, so it feels more like clean, winter-blue light than a comfort-leaning surface. And unlike Antiguan, it keeps more of a crisp cyan edge, with less softness and less of that grounded pulse. Where Catch the Wave holds a middle teal presence, Ice Cube pushes higher in lightness and turns the saturation into a restrained glow, so it stays calm without looking clinical.
I reach for it in wellness dashboards, photo-heavy mobile UI, and light-mode components where you want separation without weight. Use it as a background or header wash, then bring in deeper blues or warm neutrals for contrast, because it can vanish next to strong saturation blocks.
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.