Ember Pier color palette — #FFEEE6 · #D6665C · #03784C · #184173 · #0C1D3C
A conversation between Coral Clay and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
- Coral Clay (#D6665C): A luminous, balanced orange — the color of autumn markets.
- Pine (#03784C): A full-bodied, balanced teal — the color of sea glass.
- Navy (#184173): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0C1D3C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Ember Pier 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
- Amber Grove color palette (#FCEFE4, #CE7300, #007569, #3D3A68, #1C183B)
- Muted Peony color palette (#FFEDEB, #D35F92, #5D6D10, #00485C, #00222D)
- Olive Lagoon color palette (#F6F3FF, #A674A5, #4D6F27, #4B3C78, #492542)
- Ancient Navy color palette (#FAD9C2, #B45000, #005A43, #240B7B, #0B0037)
- Faded Apricot Dune color palette (#FEF1F9, #E18B6A, #658D54, #00668B, #4E264E)
- Aubergine Studio color palette (#FFF0D4, #9E7F00, #006483, #3A2577, #2F0026)
- Gentle Aubergine Grove color palette (#F6EBD2, #7A6C00, #004C6D, #38005D, #1B0011)
- Quiet Harbor color palette (#FFF0F8, #FF9F6A, #988B38, #366944, #471A27)
Browse the whole catalog at Explore, or see today's palette.