Tempered Harbor color palette — #D7EBFF · #9EA6E3 · #936BA5 · #74501B · #4D4B17
Built around Slate, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Frost (#D7EBFF): A whisper-light, dusty blue — the color of deep harbor water.
- Mauve (#9EA6E3): A luminous, balanced violet — the color of wild irises.
- Slate (#936BA5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Coffee (#74501B): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#4D4B17): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance. 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
- Weathered Villa color palette (#E3E7FF, #B89BC8, #A9678F, #675F0D, #1D534C)
- Antique Mulberry color palette (#E5EFFF, #9A8DCB, #874C86, #5E4300, #1A4123)
- Muted Boulevard color palette (#BDF9FF, #ABC1FF, #B984B4, #696F44, #454A21)
- Cocoa Basin color palette (#E1E4FF, #D7C5F7, #BFA1CB, #AD7270, #6A3620)
- Ancient Cobalt Dune color palette (#C2EFFD, #8AB7D3, #697BB4, #8B4947, #643F4F)
- Brick Coast color palette (#F4E0FF, #BE7FA5, #AF3C3A, #2F5D1D, #004434)
- Hushed Pewter Field color palette (#F5F3FF, #CBB8D4, #9F8A9A, #527C79, #365257)
- Aubergine Cabin color palette (#F3F4FF, #B187FF, #7F8600, #6300B7, #3B3E00)
Browse the whole catalog at Explore, or see today's palette.