Frosted Fir
#b4d5bd
Mist-cool, light fir green for airy UI space
About Frosted Fir
Frosted Fir looks like the moment mint turns to shade on a frosty window: still clearly green, but softened by a pale, slightly gray veil. It's lighter than the more yellow-leaning Big Spender, and it doesn't have Fizz's minty sparkle. Compared with Celadon, it feels a touch more subdued and cooler, so it reads calmer without slipping into that midtone neutrality.
This is the soft, cool green I reach for when you want the UI to feel fresh but not "springy." It shows up nicely in dashboards and finance apps as a quiet status tint, in logistics or fleet monitoring where alerts need to feel controlled, and in wellness and HR screens when you want "normal operation" vibes. It also plays well with sterile whites and cool grays because it stays green instead of warming up.
Quick note: pair it with slightly deeper green accents if your background is very warm, or the frosted quality can start to flatten contrast.
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.
