Tempered Basalt color palette — #EBECFF · #D9CCC5 · #AFA7B5 · #424756 · #232630

Charcoal and Frost set the tone — five colors that lean into sophistication.

The five colors

• Frost (#EBECFF): A whisper-light, dusty violet — the color of wild irises.
• Oat (#D9CCC5): bright and airy, almost weightless.
• Ash (#AFA7B5): A luminous, dusty violet — the color of wild irises.
• Charcoal (#424756): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#232630): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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

• Celadon Harbor color palette (#FBFC9C, #FFE7EE, #CDD3C5, #4C4250, #241E27)
• Aged Atelier color palette (#F3F5FD, #DCD7CD, #7D83A6, #3F4461, #191A25)
• Mallow Cabin color palette (#F6F3FE, #E2B0DE, #D8A082, #977E51, #332E3F)
• Softworn Ash Hollow color palette (#F5F4FB, #DED7DC, #BCB5AC, #C4A1C4, #4E4C54)
• Muted Mallow color palette (#FFDDC9, #FFB8DB, #C7ADFF, #5A403F, #383034)
• Ancient Honey Bloom color palette (#DBE3D1, #FFBE5B, #9EB9FF, #382835, #211C20)
• Antique Driftwood Coast color palette (#EFF6FF, #9EBDEC, #73986C, #37756C, #1A2933)
• Tempered Blush color palette (#F5F4FC, #DFD8E1, #DE95B2, #AD8ABD, #231A28)

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