Tempered Harbor color palette — #E6F0E8 · #7EBDC6 · #0081A0 · #005A50 · #002235
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F0E8): a clean, paper-quiet neutral.
- Ash (#7EBDC6): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002235): 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
- Aged Cobalt color palette (#D8E7DB, #85B9D8, #1577C8, #005763, #081A4B)
- Cerulean Atelier color palette (#FDF4E5, #93D9E3, #0087A7, #005249, #000E19)
- Wandering Harbor color palette (#EFE3ED, #70A9B2, #005E86, #004027, #041754)
- Tempered Denim Quarry color palette (#E7F4E9, #5A9FA5, #006376, #003C32, #000B13)
- Muted Azure color palette (#FCECE5, #81CED8, #009EDA, #008251, #051A4B)
- Cornflower Atelier color palette (#EBFAEE, #94D3FF, #298BFA, #006F83, #1B2776)
- Timeworn Workshop color palette (#F0F7F1, #D0DEF5, #6FAED0, #358987, #2F4A65)
- Patina Jade Boulevard color palette (#D8E8E0, #00B486, #00775A, #003C2B, #000E07)
Browse the whole catalog at Explore, or see today's palette.