Tempered Harbor color palette — #DDEBFF · #9FACE2 · #8A7CC3 · #00518B · #03082F
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Frost (#DDEBFF): A whisper-light, dusty blue — the color of deep harbor water.
- Mauve (#9FACE2): A luminous, dusty violet — the color of a velvet chair.
- Slate Blue (#8A7CC3): A luminous, balanced violet — the color of wild irises.
- Peacock (#00518B): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#03082F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged pastel, light, 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
- Timeworn Nightshade Bloom color palette (#DDDFF3, #BD9AD7, #B372B0, #4C3B98, #150223)
- Azure Loft color palette (#CBE8F5, #84C1DB, #4B95D3, #005055, #001319)
- Worn Grove color palette (#F3D4EE, #B4B8F8, #AB8AE3, #3769AB, #30142A)
- Nightshade Courtyard color palette (#E7E6FA, #A791CF, #984FAC, #2703A0, #0C0021)
- Softworn Archive color palette (#F3DEF5, #ACA9E9, #BD58AF, #005363, #371931)
- Hushed Courtyard color palette (#EBF2FF, #D9D4E1, #BABBE4, #6480AF, #272F44)
- Timeworn Mallow color palette (#EFF6FF, #E8D4EE, #E8A1D5, #00798E, #090F30)
- Airy Lapis Drift color palette (#EAEDFF, #E5C2FC, #D586CF, #644ECC, #28103C)
Browse the whole catalog at Explore, or see today's palette.