Airy Fields
#dbe0c4
Lighter, softer green for calm, airy UI
About Airy Fields
Airy Fields reads almost neutral until you notice it's green, and then you can't unsee it. It's lighter and less saturated than Breath of Celery, the kind of pale that sits closer to off-white territory, but with a soft green spine running through it. Where Breath of Celery commits to green and Beurre Blanc leans warm yellow, this one stays deliberately ambiguous. It's the color that looks like nothing until it's next to something else, then it settles into place.
Use it on product dashboards, minimal editorial layouts, and SaaS interfaces where you need an almost-neutral backdrop that's still distinctly cooler than cream. It works especially well in wellness apps, data visualization, and light-mode design systems where you want restraint without coldness. Pair it with charcoal type or deep accents and it gains quiet presence without the golden undertone that Buttered brings.
The thing: test it against true white first. On very bright backgrounds it reads greener. Against off-white or warm neutrals, it flattens slightly and reads more neutral than you'd expect. This is useful, sometimes that's exactly what you need.
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.