Tempered Harbor color palette — #B3E9F8 · #ACC9DF · #9CA4C9 · #72927D · #304839
Built around Powder Blue, softened by Mauve — the whole palette hums with calm and sophistication.
The five colors
- Powder Blue (#B3E9F8): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#ACC9DF): A whisper-light, dusty blue — the color of open sky before noon.
- Mauve (#9CA4C9): A luminous, dusty violet — the color of wild irises.
- Eucalyptus (#72927D): A luminous, dusty teal — the color of sea glass.
- Forest (#304839): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Lilac Balcony color palette (#D9E8EF, #B2BFF3, #B588BF, #748848, #004730)
- Worn Basalt color palette (#B3ECEB, #A2D1E0, #8DAED3, #9C7081, #593817)
- Patina Veil Canyon color palette (#EEF6FF, #D8DBF7, #C2B7CF, #8FA8A4, #3D5854)
- Dusty Lagoon Archive color palette (#FBF2F8, #B6EAFC, #71BEDB, #499E7E, #173D5C)
- Aged Lagoon Summit color palette (#EFF6FF, #D7C1FB, #DD9BB4, #5A976E, #005A5E)
- Cypress Grove color palette (#EDEEFF, #C8A3CC, #BE8A92, #378272, #0D404A)
- Timeworn Ridge color palette (#EEF6FF, #BBD0F6, #9A94BD, #855A6B, #5A282E)
- Muted Fern color palette (#CEE6F1, #8597C3, #8C6696, #496321, #172500)
Browse the whole catalog at Explore, or see today's palette.