Hazy Emerald color palette — #FFF1F5 · #D6C710 · #399600 · #6D457E · #221F00

Kelly Green and Saffron set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Saffron (#D6C710): A luminous, vivid green — the color of new leaves after rain.
• Kelly Green (#399600): A full-bodied, vivid green — the color of fresh herbs.
• Plum (#6D457E): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#221F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, 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

• Emerald Balcony color palette (#DFFFE3, #B7D060, #009753, #7C3E6F, #1B2200)
• Timeworn Grove color palette (#FFF1F6, #DCD28D, #70975C, #586185, #142E21)
• Airy Chartreuse color palette (#E5FCEC, #A1D759, #009568, #00627C, #152400)
• Muted Jade color palette (#E3FDED, #B1EC97, #00AB86, #8B5971, #003730)
• Olive Corridor color palette (#FFF1F6, #AFA54C, #317105, #3A355E, #090800)
• Hazy Moss Drift color palette (#F3ECC9, #A9D066, #65AC3C, #2A8B88, #243400)
• Faded Nightshade Lantern color palette (#FDE8CD, #9A954D, #3E6800, #372E95, #332F00)
• Faded Byzantium color palette (#FAF2FF, #DEA6FF, #00B34A, #9100C4, #00260A)

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