Hazy Ember color palette — #FFF0FA · #FFB8A6 · #37E6CF · #DD6E54 · #0C4D45

Coral Clay and Lagoon set the tone — five colors that lean into balance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Melon (#FFB8A6): A whisper-light, balanced orange — the color of sun-warmed clay.
• Lagoon (#37E6CF): A whisper-light, balanced teal — the color of sea glass.
• Coral Clay (#DD6E54): A luminous, balanced orange — the color of toasted spice.
• Forest (#0C4D45): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Balance. Tagged light.

Use it as a design system

One click turns Hazy Ember 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

• Feathered Aqua Lagoon color palette (#FFF0FE, #FFC2C2, #2CD2E1, #C26E70, #004146)
• Antique Coast color palette (#FDF2F6, #FBC9A2, #70D6FA, #DB975E, #365160)
• Gentle Peony color palette (#F7F3FF, #FBB0E3, #4CE5C5, #CD6CB1, #184A50)
• Weathered Hollow color palette (#EAFAED, #AFDCC9, #C7A866, #A77E67, #28433F)
• Weathered Ridge color palette (#E8FCE7, #FEB44A, #84B9FF, #CC8600, #133A6A)
• Sky Canyon color palette (#FBF1FF, #FF9BB9, #31C4FA, #7A9BE2, #403246)
• Washed Amber color palette (#FFF1F7, #E2D793, #CC8048, #7F5940, #2B1D23)
• Shell Quarry color palette (#EAE7FF, #B5D1FF, #FFB0A2, #694D63, #2B2429)

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