Tempered Basalt color palette — #F4F4FE · #C9D8F0 · #947B9F · #533C5D · #1B1A23

Built around Charcoal, softened by Heather — the whole palette hums with sophistication.

The five colors

• Ivory (#F4F4FE): bright and airy, almost weightless.
• Powder Blue (#C9D8F0): A whisper-light, dusty blue — the color of deep harbor water.
• Heather (#947B9F): A luminous, dusty pink — the color of peonies in June.
• Charcoal (#533C5D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#1B1A23): a grounded near-black with real depth.

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

• Patina Basalt color palette (#FCF1FA, #C0F2E1, #9C665F, #582824, #180916)
• Softworn Stone color palette (#F3EFFD, #DCBF83, #655A7F, #332D43, #15121A)
• Wandering Ash color palette (#FBF3F3, #F1DBAF, #BE8AB9, #856267, #32292A)
• Patina Petrol color palette (#EAFAF2, #F6CEF2, #CE9276, #3E799F, #48394F)
• Lagoon Corridor color palette (#F7F3FF, #E8AED7, #BCAF75, #20929C, #342E3E)
• Petrol Orchard color palette (#F9F3F9, #E1A2A5, #B2895A, #00737E, #2E232F)
• Dusty Wisteria color palette (#F5F4FB, #E0D8E1, #C7AB69, #BD7FC8, #132217)
• Linen Lantern color palette (#F7F3FF, #A3ECBC, #9C4686, #540044, #0C021A)

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