Tempered Basalt color palette — #EDF6FF · #D9D9E3 · #C1BCD2 · #958CA1 · #5C4E60

Charcoal Brown and Heather set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Silver (#D9D9E3): a clean, paper-quiet neutral.
• Ash (#C1BCD2): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#958CA1): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#5C4E60): A full-bodied, dusty pink — the color of peonies in June.

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

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

• Driftwood Thicket color palette (#F1F5FF, #B8B1DC, #9B7AAB, #6B516B, #491C0F)
• Washed Abyss Coast color palette (#DDFCFF, #D0DAEB, #B3BFD5, #90A490, #31554D)
• Weathered Periwinkle Market color palette (#EFF6FF, #DDD6F1, #F7B7C6, #7E99D5, #523E58)
• Antique Powder Atelier color palette (#EDF6FF, #D7D8F7, #91B6EA, #627AA9, #404E68)
• Aged Pewter color palette (#F6F3FF, #D9D8F6, #BB94B5, #8F5E53, #573245)
• Softworn Cocoa Orchard color palette (#E1FCF4, #D0B5CF, #A2889A, #836666, #74400A)
• Softworn Chestnut color palette (#E3F9E2, #B1D6C9, #A58496, #7D5C13, #543B00)
• Powder Balcony color palette (#F1F5FF, #DDD8E1, #ADB3ED, #636A97, #1C2745)

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