Hazy Emerald color palette — #FAF3F7 · #AFEEE9 · #32C6DE · #45A168 · #0D4057

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Sea Foam (#AFEEE9): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#32C6DE): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#45A168): A luminous, balanced teal — the color of glacier melt.
• Deep Teal (#0D4057): 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

• Aged Powder color palette (#FAF2F8, #D1E2FB, #7CC8F1, #59A996, #37495F)
• Chalky Drift color palette (#F4ECF1, #9AE0F3, #24AFF9, #009382, #162C55)
• Wandering Balcony color palette (#ECF8F5, #C4DBF6, #19BCC2, #00816D, #00353B)
• Pale Amber Terrace color palette (#CEE8FF, #86CDFF, #80A443, #D86E00, #122E43)
• Tempered Field color palette (#EEF6FF, #DDD6E8, #FAB8ED, #4DB2CC, #36425D)
• Dusty Petrol Studio color palette (#ECE3E9, #4EB2B3, #00829A, #00613C, #000B15)
• Antique Lagoon Study color palette (#F6F1EA, #B9CFB6, #008C98, #005E42, #00252F)
• Periwinkle Courtyard color palette (#CBF0F4, #4AC8FE, #35A2FE, #5874C5, #3C3A60)

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