Ember Harbor color palette — #FEDEDB · #FF4735 · #DA3B00 · #953C00 · #311200

A conversation between Scarlet and Terracotta, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FEDEDB): A whisper-light, dusty orange — the color of autumn markets.
• Scarlet (#FF4735): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#DA3B00): A full-bodied, vivid orange — the color of autumn markets.
• Burnt Sienna (#953C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#311200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy. Tagged vibrant, 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

• Tempered Ember color palette (#FFE9E2, #E96200, #B65900, #874A00, #301900)
• Weathered Pier color palette (#FFDBE1, #FF486F, #DE1243, #9C2A2A, #410400)
• Gentle Coral Station color palette (#F4D8DB, #FB6358, #A03100, #582800, #100600)
• Quiet Emerald Terrace color palette (#F9EBE0, #F07300, #00AC38, #AF5200, #002205)
• Tempered Archive color palette (#FFEADA, #FA8A15, #BC6900, #7B4100, #130600)
• Amber Lagoon color palette (#FFE8D8, #D06F00, #729100, #B04D7F, #1F0C00)
• Plum Alley color palette (#F0D7E2, #B3385B, #7D1900, #331900, #130A00)
• Mustard Atelier color palette (#FFD6B4, #F7C273, #DAAF28, #B56B43, #392205)

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