Tempered Harbor color palette — #F0F0FF · #D6C3EE · #957FB0 · #563F6B · #1F1C3C

Charcoal takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Blush (#F0F0FF): A whisper-light, dusty violet — the color of wild irises.
• Lilac Frost (#D6C3EE): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#957FB0): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal (#563F6B): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Indigo (#1F1C3C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged monochrome, 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

• Ancient Cerulean Archive color palette (#E9F3FF, #B5D2FA, #6582B0, #334C73, #081D3A)
• Driftwood Delta color palette (#F8EDFF, #F2C0D3, #AA7087, #6E3A4E, #371121)
• Muted Pewter Orchard color palette (#FFF1F5, #E1CDF7, #AA8FC4, #775A99, #442F55)
• Aged Ash color palette (#EFF0FF, #DDD3DF, #B2B0A5, #858DB4, #3F3D50)
• Softworn Ash color palette (#F4EFFF, #B681AB, #9F7A60, #406087, #251F30)
• Pewter Chapel color palette (#F4F0F9, #DFB5CD, #7E516A, #372B43, #16111B)
• Weathered Mulberry Cabin color palette (#F8D6ED, #CC74B3, #892C72, #4B003B, #11000B)
• Pale Mulberry Corridor color palette (#E9D9DD, #BE5375, #860042, #360017, #060001)

Browse the whole catalog at Explore, or see today's palette.