Tempered Harbor color palette — #E6F0F1 · #BFD4DC · #89AAC7 · #005C41 · #000304
Pine takes the lead with Blue Fog close behind in a set that reads as sophistication at first glance.
The five colors
- Cream (#E6F0F1): a clean, paper-quiet neutral.
- Silver (#BFD4DC): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#89AAC7): A luminous, dusty blue — the color of open sky before noon.
- Pine (#005C41): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000304): quiet, heavy and certain.
Feels like: 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
- Wandering Abyss Corridor color palette (#E7F0F4, #ADBDCA, #8392B1, #004548, #000102)
- Timeworn Abyss Loft color palette (#E7ECE1, #9AB09D, #61897B, #00432C, #111609)
- Denim Studio color palette (#EDF6FF, #DCD6E8, #BBB6D6, #00659D, #020E1A)
- Denim Bloom color palette (#E9EBD5, #64A185, #00658A, #3F3100, #0B0700)
- Worn Amber Quarry color palette (#F1DAE4, #A78B32, #405700, #00332F, #020100)
- Weathered Abyss Delta color palette (#CAF2FE, #595154, #00595C, #13161B, #000610)
- Hushed Pine color palette (#F6E3F1, #008E45, #004A61, #3A0300, #000201)
- Faded Ultramarine color palette (#D4F6FF, #A1C000, #00B1B0, #0655ED, #000102)
Browse the whole catalog at Explore, or see today's palette.