Tempered Harbor color palette — #EBEDFA · #D2CCE3 · #AF9FB7 · #593887 · #02010C

Plum and Mauve set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#EBEDFA): bright and airy, almost weightless.
• Lilac Frost (#D2CCE3): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#AF9FB7): A luminous, dusty violet — the color of wild irises.
• Plum (#593887): A full-bodied, balanced violet — the color of wild irises.
• Black (#02010C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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 Denim color palette (#E6EFF9, #C7D0E6, #A2A2C7, #044E8C, #000309)
• Weathered Mulberry color palette (#F1EBF8, #DFC7DF, #C099AF, #7E255B, #040107)
• Aubergine Cabin color palette (#F5E7EC, #AD9A9B, #91746C, #460083, #0D0105)
• Indigo Loft color palette (#DEE0EE, #B9ABB6, #B18D9A, #7A5DB8, #101221)
• Aged Terracotta Corridor color palette (#FBF2FB, #EDD2D4, #ABC2AA, #8C484E, #110A11)
• Velvet Mulberry color palette (#E2DDEF, #82007C, #36201B, #120003, #010006)
• Peony Atelier color palette (#E5DDFF, #C86EB3, #8A4436, #003532, #000C0D)
• Chalky Grove color palette (#DBE5CF, #843FFA, #7A004D, #002218, #030005)

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