Cosmic Green
#30a877
Cool, saturated teal-green for crisp sci-fi accents
About Cosmic Green
Cosmic Green is the one that actually reads as a color, not a tint. It's got enough saturation to feel intentional, saturated enough to hold presence, but it doesn't announce itself the way brighter greens do. There's real pigment here, a slight coolness underneath that keeps it from warming into yellow-green, and it lands somewhere between Arugula's fresh brightness and Asparagus's earthy restraint. It's more alive than either.
You'll reach for this on health apps, data dashboards, and product interfaces where you need green that feels confident without being loud. It works as a primary action color or a supporting accent depending on what's around it. Against white it pops just enough. Against warm neutrals it settles. Against darker backgrounds it actually breathes instead of flattening.
The difference: this shade has color density. Bleached Olive's been diluted. Arugula and Asparagus sit quieter by design. Cosmic Green doesn't compromise, it's saturated, it's cool-leaning, and it knows what it is. Give it room to work and it'll outpace most other greens in legibility and presence.
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.