Hazy Coral Harbor color palette — #FFD0DE · #EE7462 · #B15000 · #664700 · #2C410F

A conversation between Coral Clay and Terracotta, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD0DE): A whisper-light, dusty rose — the color of pressed rose petals.
• Coral Clay (#EE7462): A luminous, balanced orange — the color of sun-warmed clay.
• Terracotta (#B15000): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#664700): A full-bodied, balanced gold — the color of old brass.
• Forest (#2C410F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Quiet Bronze Basin color palette (#FCDDD7, #D38B58, #916500, #594B00, #343E00)
• Timeworn Chapel color palette (#FEDAD2, #FC671C, #AD5A00, #653F00, #2D1E00)
• Feathered Alley color palette (#FFE8F2, #ED6C89, #D22A00, #7E4500, #5A3E00)
• Ancient Workshop color palette (#FADADE, #FF9F92, #F1800C, #A97900, #403F00)
• Ancient Boulevard color palette (#F9E8E5, #FF926E, #CB6800, #885500, #523800)
• Pale Garnet Studio color palette (#FFE7F1, #B3995F, #9D5300, #87171F, #343900)
• Crimson Basin color palette (#FFF1F6, #F8F1BB, #5BD2A5, #CA4456, #5C4205)
• Aged Sapphire color palette (#FFF0F7, #EC843C, #006FCF, #8F4400, #003A71)

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