Hazy Emerald color palette — #F9E8BF · #99B77B · #399158 · #006C5D · #10525B

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Parchment (#F9E8BF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#99B77B): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#399158): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#006C5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#10525B): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Dusty Dune color palette (#E2E7BA, #6EBA9C, #00897C, #00626D, #2D4268)
• Antique Harbor color palette (#FFECD7, #B6AF6D, #72840A, #186F27, #1E5544)
• Misty Field color palette (#D5EEC3, #8BC685, #17B469, #058264, #374E31)
• Pale Chartreuse color palette (#E8EBB4, #ACDF75, #62BC83, #37998F, #264F5F)
• Hushed Emerald color palette (#EAF3E3, #23B246, #006F5B, #004B50, #162E4B)
• Hazy Pine color palette (#F3F7EA, #70B088, #BF6992, #007A45, #632E48)
• Olive Grove color palette (#F1F9E6, #C1E7E0, #AFC6F1, #778A3F, #3F503C)
• Onyx Dune color palette (#D0EFE4, #009592, #00687A, #003D65, #391753)

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