Ember Harbor color palette — #EEF6FF · #7ABDFF · #FB5B44 · #857600 · #003B19
A conversation between Coral Clay and Sky, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Sky (#7ABDFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Coral Clay (#FB5B44): A luminous, vivid orange — the color of toasted spice.
- Walnut (#857600): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003B19): A deep, shadowed, balanced teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Energy, 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
- Wandering Amber color palette (#EBF2FF, #96ACFF, #D37747, #657A24, #00351C)
- Ancient Market color palette (#EAF7FF, #1DCAF7, #E164B1, #837700, #373100)
- Chalky Meadow color palette (#CEE4FD, #5BA4FF, #CD595F, #556C00, #1A2300)
- Chalky Quarry color palette (#DFFEEB, #09C4E7, #D2414E, #425B00, #1A2600)
- Washed Mallow Coast color palette (#ECF7FF, #C4C5FF, #DA9CC7, #7B945E, #28564C)
- Chalky Garden color palette (#E5E5FF, #CF7FFF, #BB7A00, #007965, #002B23)
- Iris Studio color palette (#D5E2FB, #6783FF, #C0412D, #00622F, #00170B)
- Weathered Mallow color palette (#F6F3FE, #F0ACEF, #B0AD6F, #5A9198, #2A4656)
Browse the whole catalog at Explore, or see today's palette.