Myrtle
#21421e
Mellow myrtle green for balanced, soft UI accents
About Myrtle
On a shop-floor label, Myrtle reads like cultivated leaf rather than wild forest. It's a mid-depth green with a controlled, slightly gray cast, so it doesn't go either too sharp like British Racing Green or too dark and liquid like Deep Pond.
What makes it different from Forestry is the temperature and feel: Myrtle leans a touch warmer and looks more like fresh dye than cool, workroom cloth. I use it for settings and status states in plant ops portals, agritech and greenhouse dashboards, and admin screens for utilities where "go" needs to feel alive, not industrial. It also holds up well for data legend fills, table row highlights, and section headers in product UIs that sit on light layouts. Pair it with soft off-whites and muted stone grays so the warmth stays intentional, not muddy.
One quirk: next to high-chroma accents, Myrtle can look modest, so consider reserving it for headings and meaningful states, not dense decorative fills.
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.