Tempered Harbor color palette — #D8F1FF · #BEC9E4 · #A294B3 · #4E7D88 · #3A5259
A conversation between Slate and Blue Fog, giving this palette its sense of sophistication.
The five colors
- Frost (#D8F1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lilac Frost (#BEC9E4): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#A294B3): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#4E7D88): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3A5259): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Sophistication. Tagged vintage, retro, 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
- Timeworn Driftwood Atelier color palette (#DDE3FF, #C4B5D2, #AD8057, #5D6C95, #3A4762)
- Dusty Periwinkle color palette (#F9F3F7, #D0DFF8, #61ACE6, #438A70, #3B4860)
- Washed Mulberry Basin color palette (#D0E1F2, #917AAE, #9A475B, #004A46, #002624)
- Bronze Quarry color palette (#E0E6FA, #CD9BD7, #BB6C59, #006B61, #004E46)
- Driftwood Bloom color palette (#F3E3FF, #D29092, #A47E4A, #40657C, #183A4E)
- Chestnut Studio color palette (#FFEFF7, #CBABD2, #A97F7A, #756619, #405542)
- Ancient Terrace color palette (#EFF8F0, #BFCB9B, #5FA075, #7A698D, #2C4940)
- Softworn Cocoa Lagoon color palette (#E3E3F4, #956D8C, #7A4422, #003845, #001820)
Browse the whole catalog at Explore, or see today's palette.