Breath of Celery

#dce7cb

Fresh celery-green with airy, warmer lift

Save
Share

About Breath of Celery

Breath of is the green that actually looks like something growing, not a memory of green. It's got real pigment in it, you can see the hue shift the moment you place it next to those pale yellows. Where Clotted Cream and Crème de la Crème sit in the off-white territory pretending to be neutral, this one commits. It's muted but unmistakably green, the kind of pale sage that reads as intentional color rather than washed-out restraint.

Use it on wellness apps, health product sites, and editorial layouts where you need calm without blandness. It works harder in SaaS dashboards, nature-adjacent interfaces, and backgrounds for botanical or food content. The saturation sits low enough that it won't overwhelm, but the green undertone keeps it from flattening into beige like its neighbors do. Pair it with dark charcoal or deep forest, and it gains actual presence without needing to shout.

The thing: it shifts slightly cooler than the yellows nearby, so test it alongside warm neutrals if you're mixing families. On very bright white, it reads more clearly. Against off-white or cream, it settles in differently, test before you commit, same as always.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.29:1Fail

On Gray 100 #f5f5f5

Aa
1.18:1Fail

On Gray 900 #18181b

Aa
13.78:1AAA

On Black #000000

Aa
16.34:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#d7e7d0
#e1e4c5
#d4e8d8
#d7ecd9
#e9e3cb

Create a gradient with Breath of Celery

Open the generator with this color pre-loaded.

Start creating