Tempered Basalt color palette — #EFF6FF · #BCC4FF · #A191C5 · #80608E · #65375D

A conversation between Mulberry and Lavender, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lavender (#BCC4FF): A whisper-light, balanced violet — the color of a velvet chair.
• Blue Fog (#A191C5): A luminous, dusty violet — the color of wild irises.
• Slate (#80608E): A full-bodied, dusty pink — the color of neon signs at night.
• Mulberry (#65375D): A full-bodied, 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

• Washed Garnet color palette (#ECF7FF, #A7B6E0, #8B7FB4, #704B78, #713053)
• Washed Ash Grove color palette (#F9F2FF, #F0BFEE, #C58BAE, #925D6B, #723733)
• Aubergine Parlor color palette (#FFF0F9, #DFD2D7, #C2ABE7, #8F67AD, #5B2966)
• Softworn Coast color palette (#E3FAFF, #8AD8FC, #6E9FCC, #5B6DA0, #403C73)
• Patina Veranda color palette (#EBFAEE, #A8BAFF, #A286B2, #56795C, #42475A)
• Muted Ash color palette (#F1F5FF, #D6D5F3, #AE9FBB, #728479, #3D534E)
• Timeworn Lilac Field color palette (#EEF1FE, #A188EB, #58556A, #353740, #1F2228)
• Quiet Wisteria color palette (#E0DCF1, #CA79FE, #A64FA0, #7E1F58, #4F0020)

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