Islamic Green
#009900
Deeper blue-green for grounded, high-contrast highlights
About Islamic Green
You know that moment when a green doesn't feel like a "label" or a neon status light, it feels like dye in fabric? Islamic Green lands there for me: a saturated, medium-deep green with a slightly cooler undertone than the warmer garden greens around it, and without the ink-dark seriousness of Clover.
Compared to Grass Is Greener's brighter, more marker-like punch, this one holds its color with less flash. Versus Herbalist's Garden, it doesn't drift toward yellow comfort. I reach for Islamic Green in dashboards and finance apps when you need "go" states that stay grounded on dense UI, especially in fintech tables, logistics exception views, and manufacturing rollups where you're scanning all day. It also plays well in product admin screens, settings, and approval workflows because it reads crisp without turning into a warning.
Quirk: on very pale cards it can feel a touch more formal than the other greens, so I usually pair it with clean neutrals and a slightly lighter green for hover or active emphasis.
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.
