Tempered Harbor color palette — #E7F2EE · #87A099 · #836483 · #002F46 · #020C08
A conversation between Midnight and Slate, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F2EE): a clean, paper-quiet neutral.
- Blue Fog (#87A099): A luminous, dusty teal — the color of sea glass.
- Slate (#836483): A full-bodied, dusty pink — the color of peonies in June.
- Midnight (#002F46): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#020C08): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered 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 Onyx Meadow color palette (#DDE7E2, #988798, #7A6370, #002F3F, #000201)
- Worn Aubergine Cabin color palette (#F2E9EE, #A4959C, #886572, #290E71, #12040D)
- Antique Abyss color palette (#E7F2F9, #95A6BC, #7E859D, #004C65, #000B14)
- Timeworn Navy color palette (#F4EBF0, #C9B1BD, #A48490, #3A3786, #281A23)
- Hushed Petrol color palette (#DAE6E0, #AF9FA3, #9D8381, #006E8C, #000D06)
- Faded Aubergine color palette (#E4E9FF, #6C629C, #48255E, #450714, #2A0200)
- Worn Aubergine Corridor color palette (#FFF1F5, #E1CCD0, #C7999C, #783797, #3F2D32)
- Smoked Balcony color palette (#E7F0D9, #006E56, #00332C, #001B1C, #000805)
Browse the whole catalog at Explore, or see today's palette.