Tempered Harbor color palette — #EFF8F1 · #99DAE9 · #008CB5 · #006761 · #00446B
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Ice Blue (#99DAE9): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#008CB5): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00446B): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Powdered Cabin color palette (#EDF9EF, #AAD3F7, #437CDC, #006379, #303779)
- Hushed Petrol Alley color palette (#ECF9EF, #83C3D6, #0077A5, #005655, #00345D)
- Sunlit Field color palette (#F9EEF6, #9BDCEA, #008BCF, #006548, #172148)
- Wandering Field color palette (#F1F7F2, #D7DEEF, #749EC2, #1B7C86, #43546B)
- Pale Azure color palette (#FEF2ED, #A6E8F4, #00A6F1, #00865E, #2C3C6E)
- Timeworn Courtyard color palette (#E1EDE3, #599BA5, #005267, #00302B, #001624)
- Powdered Dune color palette (#FCF4E8, #B0F1FF, #37C6FB, #00A69D, #114465)
- Navy Atelier color palette (#DBE7DD, #6384A1, #003A7A, #002129, #03002E)
Browse the whole catalog at Explore, or see today's palette.