Amber Harbor color palette — #CEE3F0 · #CB786A · #004D64 · #001E2A · #000306
A conversation between Coral Clay and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#CEE3F0): A whisper-light, dusty blue — the color of deep harbor water.
- Coral Clay (#CB786A): A luminous, balanced orange — the color of toasted spice.
- Peacock (#004D64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001E2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000306): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Amber 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
- Weathered Navy Lagoon color palette (#E1ECF9, #C58136, #004387, #001A3B, #000209)
- Dusty Coral Market color palette (#D5F7E9, #F47956, #00425B, #272B32, #000910)
- Ultramarine Bloom color palette (#D3E7FF, #E59735, #0058B0, #002C5E, #000F26)
- Airy Thicket color palette (#DADDEB, #91B171, #574496, #2B1B56, #060820)
- Patina Petrol color palette (#EDF7FF, #EDB5A6, #3C789D, #174763, #18232C)
- Washed Villa color palette (#DBE0E6, #BFC4CF, #A1A1C1, #0061AF, #16202C)
- Eclipse Lagoon color palette (#DBE4F4, #857518, #1A107B, #1F0B1F, #030022)
- Dusty Pier color palette (#E3F2E7, #4D8E11, #333541, #002D33, #000C0E)
Browse the whole catalog at Explore, or see today's palette.