Hazy Emerald color palette — #FFF2EB · #8CEDEA · #00BEDE · #009D5F · #003752

A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#8CEDEA): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00BEDE): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#009D5F): A luminous, balanced teal — the color of sea glass.
• Deep Teal (#003752): 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

• Muted Sky color palette (#FFF2EA, #9AE7FF, #42B4FE, #00998B, #0F2D6E)
• Cerulean Studio color palette (#E7FAF6, #7FDEDB, #009FA7, #007464, #003A42)
• Weathered Teal color palette (#FBF3F0, #C3EBE5, #7DC8EF, #4AAC93, #553F57)
• Aqua Parlor color palette (#E4F8E8, #65CFCC, #00808E, #00543E, #001E28)
• Worn Alley color palette (#FFDCD0, #FF8F95, #00BEC1, #F61D50, #003636)
• Ancient Station color palette (#EFE4DE, #4EAFC6, #007DB2, #005F51, #00081F)
• Blush Study color palette (#FDE4E5, #FF6E81, #00B3AA, #009BC3, #460715)
• Hushed Drift color palette (#F2DAB7, #C3BC53, #BC8B00, #A85900, #1F2F00)

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