Demeter Green
#02cc02
Slightly muted, earthy green for grounded UI
About Demeter Green
Demeter Green looks like fresh vegetation under daylight: that clean green base reads calm, not buzzy. It's darker and more evenly balanced than Candy Green's sweeter, yellow-leaning punch, and it avoids the slightly off, grow-anywhere feel of Crude Banana. Compared to Blinking Terminal, it's less electric and less "live wire," so it doesn't feel like it's ticking or shouting.
I reach for Demeter Green in interfaces where you want confirmation and momentum without the alert vibe. Think logistics and inventory screens, plant-forward brands in packaging previews, sustainability dashboards, and workflow states in project management apps. It holds up on dark UI because it stays grounded, while on lighter surfaces it still looks substantial when you give it breathing room.
Pair it with warm grays, sand tones, or soft charcoal. If you put it next to the brighter neons, it'll feel more intentional than urgent, so reserve the high-signal greens for critical errors or connection states.
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.