Ice Ice
#baebae
Very pale gray-green for minimal, cool UI backgrounds
About Ice Ice
Ice Ice reads like a pale minty mist on a winter windowsill. It's light first, then cool, with low saturation that keeps it from turning into the punchy freshness you'd get from Basil Smash. Compared to Frozen Forest's clearer frost tone, this one is a step softer and less crisp. Against Celadon, it's not the mid-balance green, it's farther toward a near-white wash that stays quiet.
I use it when I need a green that behaves like a background, not a headline. Think food delivery and logistics app surfaces that need gentle status panels, health tracking screens where you want calm around data, and onboarding or empty states that shouldn't compete with content. It also works as a light chart fill or card header tint in dashboards and workflow UIs when you want "green" presence without the urge to manage contrast.
Pair Ice Ice with slightly deeper greens or charcoal labels so it doesn't feel washed out beside pure white. If you want the color to feel more forward, lean on a stronger green for actions and keep this one for structure.
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.