Tempered Basalt color palette — #FEF0FF · #DDD3DB · #B4B1EC · #826A9C · #542C57

Built around Royal Purple, softened by Lavender — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Silver (#DDD3DB): bright and airy, almost weightless.
• Lavender (#B4B1EC): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#826A9C): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#542C57): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Basalt 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

• Nightshade Harbor color palette (#F0F5FF, #AFBEE6, #7E78B0, #674A95, #6A2C57)
• Garnet Harbor color palette (#FFF1F7, #E8D8E0, #D09DC3, #9A5F76, #602832)
• Hushed Lantern color palette (#D7FEFF, #C8DDF4, #83B8DF, #627CA7, #383F70)
• Byzantium Ridge color palette (#F4F4FF, #C59BFF, #9C50B3, #74135C, #290014)
• Washed Coast color palette (#FFF4E2, #CBDDFF, #AC95CE, #95682C, #4B3945)
• Frosted Peony color palette (#F5F4FF, #E9BFFF, #B46BAA, #86345D, #3E0012)
• Lilac Coast color palette (#FEF1F8, #A4A2FF, #624E54, #31282D, #120E12)
• Taupe Bloom color palette (#F9F3F9, #E3D7D8, #B4B6AA, #C49CA9, #504B50)

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