Tempered Basalt Studio color palette — #EFF6FF · #DED6F2 · #B0B2CA · #8D7D93 · #554053

Charcoal takes the lead with Thistle close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#DED6F2): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B0B2CA): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8D7D93): A luminous, dusty pink — the color of a candy shop window.
• Charcoal (#554053): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Muted Abyss Garden color palette (#F5F4FF, #E4D5E1, #B5A5BE, #947281, #3D563E)
• Dusty Cerulean Orchard color palette (#EDF8F7, #D8DDE8, #8AC3E6, #428E9F, #27425A)
• Chestnut Veranda color palette (#D9F7E5, #CCB4CC, #997DAC, #685802, #3C3B34)
• Driftwood Lagoon color palette (#FFF0FE, #EAB4D3, #B27682, #714A57, #342500)
• Softworn Lilac Market color palette (#F1F5FF, #D8DEFF, #9895E2, #6A5B9D, #42345D)
• Antique Pewter Grove color palette (#F9F2FF, #DAC3DF, #AE94AB, #56775E, #1B4131)
• Garnet Delta color palette (#E8DDF2, #9D6D9D, #6F3658, #3A1501, #050200)
• Hushed Lagoon color palette (#FFF0FE, #FFC7E4, #C995A2, #956C44, #523C00)

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