Hazy Emerald color palette — #FFF2ED · #B1F2FA · #51C3FD · #00AC6B · #293F69

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#B1F2FA): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#51C3FD): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#00AC6B): A luminous, balanced teal — the color of sea glass.
• Navy (#293F69): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Powder Loft color palette (#FEF3EC, #BEEDD4, #85B5EE, #479D8A, #35365B)
• Timeworn Villa color palette (#EFF8F0, #A6E8EF, #00ADCF, #008473, #004662)
• Jade Delta color palette (#FFE0F9, #FFAFF2, #00C8BE, #00B16E, #44223F)
• Worn Loft color palette (#FBF3EF, #C6DEE6, #A5CBEF, #96A985, #624A5B)
• Soft Sapphire color palette (#F1E4DB, #72A9C4, #3471D1, #005E55, #0A0027)
• Hazy Iris Lagoon color palette (#F3E4D7, #95C7E6, #648EEA, #007E77, #230F4A)
• Cerulean Harbor color palette (#F9EEF7, #90DFE8, #008EC2, #00663C, #0D234B)
• Patina Periwinkle Chapel color palette (#FFF1F4, #F4E4A9, #EAD5CD, #9AA3EE, #603951)

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