Tempered Harbor color palette — #F1F7F2 · #D2DEFD · #58ADEB · #148A93 · #344964
Cornflower and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#D2DEFD): A whisper-light, dusty violet — the color of wild irises.
- Cornflower (#58ADEB): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#148A93): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#344964): A full-bodied, 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
- Turquoise Study color palette (#F1F7F2, #D2E1F1, #7CBDCD, #589485, #3F5665)
- Hushed Study color palette (#FBF2F7, #B8E3FE, #618DC3, #277062, #3D4763)
- Washed Cerulean color palette (#BAEDFF, #61CEE7, #009DC9, #1D79AB, #2D455F)
- Hushed Apricot Veranda color palette (#ECF7FF, #69C3F0, #EC8732, #008CBC, #593547)
- Worn Loft color palette (#E0E9E2, #6AC2C3, #008395, #005B47, #002330)
- Tempered Denim Alley color palette (#DDEADF, #4EA0B0, #00617E, #003C38, #000A16)
- Wandering Coast color palette (#DBE8DD, #6FA9D0, #0065C0, #004855, #060C3A)
- Powdered Basin color palette (#EBF9EE, #88DCD6, #009FAC, #007654, #003947)
Browse the whole catalog at Explore, or see today's palette.