Ember Harbor color palette — #FFDDE0 · #CE6844 · #7F4A00 · #4D3900 · #262E00

Built around Coral Clay, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDDE0): A whisper-light, dusty red — the color of embers at dusk.
• Coral Clay (#CE6844): A luminous, balanced orange — the color of toasted spice.
• Bronze (#7F4A00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4D3900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#262E00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Worn Coast color palette (#FCDFD0, #B67A00, #725C00, #384200, #00332C)
• Muted Apricot color palette (#FBDADA, #FF8948, #C87B00, #7B6700, #2C3200)
• Aged Bronze Coast color palette (#F9EAE4, #A55C00, #654D00, #2E2E00, #0E2100)
• Powdered Terracotta color palette (#F7DAE9, #CB637B, #A82800, #5F2D00, #2C2E00)
• Garnet Corridor color palette (#F7E2CB, #918858, #774A00, #641800, #282500)
• Hushed Cobalt color palette (#EEDBC1, #A67400, #006DBA, #614200, #002A4D)
• Soft Field color palette (#FED7BD, #CA995F, #957D00, #4A5E00, #244E30)
• Chalky Grove color palette (#FFF0DE, #C6D296, #3BB49C, #A12720, #3F3903)

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