Tempered Harbor color palette — #F3F4FF · #D6B6E7 · #BA8CBE · #95668B · #564563
A conversation between Mauve and Slate, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender (#D6B6E7): A luminous, dusty violet — the color of wild irises.
- Mauve (#BA8CBE): A luminous, balanced pink — the color of neon signs at night.
- Slate (#95668B): A full-bodied, dusty pink — the color of a candy shop window.
- Charcoal Brown (#564563): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged 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
- Ash Summit color palette (#FEF1F7, #E4BFCC, #B58EA3, #896981, #3E4C3F)
- Mulberry Courtyard color palette (#EFF5FF, #AFA6D9, #A06CA1, #8B486B, #644864)
- Softworn Driftwood color palette (#F6F3FF, #E0B4DA, #88C194, #B074A9, #1E5754)
- Timeworn Mallow color palette (#FFEDFA, #DAC8FF, #D89AE1, #BF7F9C, #684A40)
- Antique Mallow color palette (#F7F3FF, #D99AC6, #B3A565, #4B9FB6, #463E53)
- Tempered Coral color palette (#FFDBE3, #F09FA0, #D17267, #945235, #5C3648)
- Misty Raspberry color palette (#F3D6E6, #E484A7, #CC5770, #933435, #5C2414)
- Tempered Peony Grove color palette (#F4D0FF, #F584E2, #D84DA1, #A3285F, #6C1F2D)
Browse the whole catalog at Explore, or see today's palette.