Ember Harbor color palette — #B6F2ED · #39E4DB · #E96352 · #009C96 · #5C0201
A conversation between Coral Clay and Lagoon, giving this palette its sense of calm and balance.
The five colors
- Sea Foam (#B6F2ED): A whisper-light, dusty teal — the color of shallow lagoons.
- Lagoon (#39E4DB): A whisper-light, balanced teal — the color of shallow lagoons.
- Coral Clay (#E96352): A luminous, vivid orange — the color of sun-warmed clay.
- Fern (#009C96): A luminous, balanced teal — the color of sea glass.
- Espresso (#5C0201): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Calm, Balance. Tagged cool.
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
- Timeworn Amber Field color palette (#C4F1D7, #5BDBFE, #D17C00, #0097B6, #452500)
- Muted Rose Pier color palette (#BEEEFD, #00B4BA, #FC2C3E, #00787C, #5C000C)
- Rose Thicket color palette (#E1FFE3, #00CBD1, #FF5176, #007A7E, #400012)
- Wandering Peony Parlor color palette (#DEEACF, #39E9AE, #FF69BB, #008A63, #560037)
- Apricot Veranda color palette (#E1FDEF, #66D4FF, #FE9B44, #00A6D4, #5A2D00)
- Crimson Ridge color palette (#CBF0FC, #00999D, #D40036, #00585A, #310006)
- Ember Workshop color palette (#D4EEEF, #00BBC2, #FF5F3E, #BB6F00, #002A2C)
- Hushed Apricot color palette (#ECD5EF, #75B3F7, #FC8829, #0079D7, #431D00)
Browse the whole catalog at Explore, or see today's palette.