Ember Harbor color palette — #FDF1FB · #C86861 · #00707D · #533972 · #3F3052

A conversation between Coral Clay and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Coral Clay (#C86861): A luminous, balanced orange — the color of autumn markets.
• Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#533972): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3F3052): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Petrol Delta color palette (#FEF1F8, #C68666, #007C9D, #753F5B, #4A3B56)
• Patina Pine color palette (#F7F3FF, #B06FA0, #3E722C, #493D76, #422946)
• Tempered Marigold Summit color palette (#EDF9EC, #D89533, #429365, #1D648E, #3A3153)
• Amber Hollow color palette (#FBF0E4, #C07D00, #257649, #004668, #2B132F)
• Aged Garnet Boulevard color palette (#FFF1F6, #B96500, #00647D, #7C0016, #471F00)
• Aged Drift color palette (#FFE6FD, #A0C6A7, #6B8C6C, #5D5F7B, #524459)
• Cobalt Bloom color palette (#FCF2F6, #BFE1FC, #6C89C7, #00716C, #404562)
• Dusty Alley color palette (#F7E0F3, #CF0618, #005661, #5E003E, #42000B)

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