Hazy Emerald color palette — #D8EAE3 · #97B273 · #56903B · #007371 · #131F00

Olive Leaf and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8EAE3): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#97B273): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#56903B): A full-bodied, balanced green — the color of a quiet forest floor.
• Teal (#007371): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#131F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Hazy Emerald into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Softworn Pine color palette (#CBEEE6, #71A776, #00864F, #00616F, #001503)
• Linen Loft color palette (#DAF3F3, #59BCA2, #009385, #006B9D, #002119)
• Muted Navy color palette (#E3EEE1, #9D935E, #4F6C00, #313A8A, #201B00)
• Airy Jade Boulevard color palette (#D1F3F0, #7BD7A6, #00B189, #0087AC, #003821)
• Tempered Rust color palette (#DAE9DF, #BDBE87, #8A994E, #AD5758, #2C2B00)
• Softworn Olive Boulevard color palette (#E2DFD1, #6C8400, #2E4E00, #00312E, #0A0800)
• Taupe Corridor color palette (#EAF9F4, #B0E1D7, #92B793, #6899A9, #234B44)
• Hushed Atelier color palette (#E6FCEB, #DDD087, #ACAB2D, #C66776, #443B04)

Browse the whole catalog at Explore, or see today's palette.