Emerald green is a saturated, blue-leaning green named after the gemstone. #009473 sits at 167° hue and full saturation, which puts it closer to teal than to grass. Grab the HEX codes from a scheme below, or build a custom emerald palette around any base colour with the generator.
Deep Emerald is the fully saturated version, 100% all the way down to #009473 and easing only at #2ECC9C. Emerald & Jade softens that a little (54%–90%) for a more natural read. Soft Emerald is the tint set, running up to #D3F3E8 for backgrounds.
#003D2E#005C46#007A5E#009473#2ECC9C#04503C#0A6E52#109172#34B79A#7FD9C0#007A5E#10A17A#5FCBAA#A0E4CE#D3F3E8Anchored to an emerald green base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Emerald is a jewel tone, so it belongs beside other jewel tones or against a metallic — gold is the classic, and a deep navy or a full jewel-tone set gives it company without competition. Festive campaigns, luxury packaging and finance branding use it. For the yellow-leaning, less vivid alternative see forest green.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. If a ready-made set is easier, the Deep Emerald row above reads #003D2E through #2ECC9C and you can type those five in as the custom properties yourself. The generator instead rolls around #009473, the base emerald green this page is anchored to. Copy JSON gives an array and Copy HEX a comma-separated line when a :root block is not what your project wants.More palettes: Teal palette · Aqua palette · Green palette · all colours