Emerald Green Color Palette
Emerald green is a bright, rich green with a hint of blue, like the gemstone, from mint to deep forest.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#D5F5E3
#50C878
#1FA463
#0B7A4B
#064E3B
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #D5F5E3 | T - | T - | |
| #50C878 | T - | T - | |
| #1FA463 | T - | T - | |
| #0B7A4B | T - | T - | |
| #064E3B | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Emerald Green CSS Code
oklch(94.22% 0.0411 160.91) oklch(74.51% 0.1577 151.54) oklch(63.53% 0.1464 155.62) oklch(51.16% 0.1175 157.53) oklch(37.8% 0.073 168.94)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Emerald Green palette?
Emerald green is a bright, rich green with a hint of blue, like the gemstone, from mint to deep forest.
How do I turn the Emerald Green palette into a CSS gradient?
Use background: linear-gradient(to right, #D5F5E3, #50C878, #1FA463, #0B7A4B, #064E3B);, or click "Make it a gradient" above to open it in the live generator.