Tempered Harbor color palette — #EDF8F6 · #D6DEEA · #84C6DD · #369196 · #224358
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF8F6): bright and airy, almost weightless.
- Silver (#D6DEEA): bright and airy, almost weightless.
- Sky (#84C6DD): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#369196): A luminous, balanced blue — the color of open sky before noon.
- Navy (#224358): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Ancient Cerulean color palette (#EEF7F7, #DBDCE7, #C1C2E9, #6799B5, #414E61)
- Ancient Petrol color palette (#EEF8F7, #D9DDE8, #6EAEDA, #007B94, #083051)
- Patina Meadow color palette (#DAF5F2, #7FC2DB, #007099, #003D45, #000307)
- Wandering Cobalt Archive color palette (#EBF8F8, #9CD3FD, #3B7EBF, #004E67, #000B26)
- Hushed Lilac Field color palette (#EBF7FF, #68C9EF, #AC9DEA, #4FA67C, #122E3E)
- Linen Drift color palette (#EAF8FF, #87E3FF, #D5A7E4, #0099B9, #482B51)
- Muted Delta color palette (#F5F6ED, #C4E6CF, #0099BD, #007075, #304F42)
- Timeworn Cerulean Archive color palette (#F9F0EB, #C7E5D1, #4397C4, #086E5D, #3A223A)
Browse the whole catalog at Explore, or see today's palette.