Hazy Emerald color palette — #F4EBF5 · #9FE1DF · #3AB4D8 · #4A9151 · #062F53

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F4EBF5): a clean, paper-quiet neutral.
• Ice Blue (#9FE1DF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#3AB4D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#4A9151): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#062F53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Washed Lantern color palette (#FAE9F1, #B4D8F4, #82A2ED, #00918B, #30254E)
• Dusty Azure color palette (#E9DAE4, #82CDDF, #4699D6, #00805F, #11174B)
• Wandering Lagoon color palette (#EEF8F0, #B2F4F2, #00A4B7, #006C52, #00222E)
• Moss Meadow color palette (#D9E2F2, #8AB4FF, #8FA442, #9D7B00, #0C1E3E)
• Turquoise Grove color palette (#E0EFFF, #E4D4FF, #FFB0C9, #33A9B3, #242F50)
• Hushed Powder color palette (#FCF2F7, #D5E0F7, #97C0F5, #54AA98, #3C4665)
• Dusty Forest color palette (#F4E6E1, #7BC2C0, #007793, #005013, #00162E)
• Pale Studio color palette (#CDEDEF, #00BDEF, #008BE5, #5854BF, #36205C)

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