Tempered Harbor color palette — #D0E9F9 · #00769A · #6741B4 · #005C3D · #002331
Built around Plum, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#D0E9F9): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#00769A): A full-bodied, balanced blue — the color of open sky before noon.
- Plum (#6741B4): A full-bodied, vivid violet — the color of wild irises.
- Pine (#005C3D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002331): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Indigo Courtyard color palette (#CAEAFF, #0086AD, #715CAD, #006C48, #003041)
- Aubergine Studio color palette (#D5E5F4, #005F94, #6C199A, #00483C, #001323)
- Faded Ultramarine color palette (#D9F3FA, #007B7A, #0855C6, #3B5700, #002525)
- Mulberry Veranda color palette (#E3EEFF, #3A66C1, #961E93, #00595A, #0D1D3F)
- Azure Chapel color palette (#C6E9FF, #2A9BCF, #005E85, #002E45, #001725)
- Quiet Coast color palette (#DAF2FF, #007791, #AA2400, #6B4100, #000D12)
- Tempered Cerulean color palette (#F1F5FF, #8E93C5, #B17395, #008599, #3A4255)
- Scarlet Grove color palette (#F8E2FF, #AB55C4, #D40B2A, #0061AF, #40224A)
Browse the whole catalog at Explore, or see today's palette.