Celery Mousse
#c1fd95
Muted, airy green for calm, airy accents
About Celery Mousse
This is the color that actually breathes. Where Banana Bandanna demands attention and Buttercup Glow catches light, Celery Mousse sits in that softer middle ground, pale and muted enough to feel restful, but with enough green undertone to keep it from reading as just another pale yellow. It's the kind of green that doesn't announce itself, which is exactly why it works.
You'll find it doing quiet work in wellness apps, meditation interfaces, and health dashboards where you need something that feels calm without being clinical. Design systems reach for it for disabled input states and secondary content areas. It works well on product listing pages where you want visual separation without aggression, and it pairs naturally with greens and earth tones without creating conflict. Food and agriculture apps use it because it reads as natural without being trendy.
The catch is that it needs contrast to stay legible, pair it with dark charcoal or deep navy and it pops immediately, but on anything mid-tone it'll flatten. It's a background color that knows its place.
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.