Tempered Basalt color palette — #FFE8E5 · #D3DBE7 · #AAA2B0 · #50404D · #251F24

A conversation between Charcoal and Rose Water, giving this palette its sense of sophistication.

The five colors

• Rose Water (#FFE8E5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Silver (#D3DBE7): bright and airy, almost weightless.
• Mauve (#AAA2B0): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#50404D): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#251F24): 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

• Aged Terrace color palette (#D5FFFA, #FFE8E3, #D3CBD3, #51404D, #2C232A)
• Ancient Station color palette (#FAF3F8, #E1F9CE, #AC766C, #553D50, #22171F)
• Ancient Seafoam color palette (#D0E8FF, #95E7A4, #FFA192, #47433D, #342D2A)
• Timeworn Meadow color palette (#FFF0F9, #F4B199, #57C3B8, #757EB0, #3B2C36)
• Tempered Taupe color palette (#FAF3F5, #CED9DC, #B8B5BF, #C59993, #554A4D)
• Washed Blush Lantern color palette (#78F5FF, #BCE2FF, #EA84A3, #3B2724, #1F1412)
• Timeworn Orchard color palette (#DCF2FF, #FFD68C, #DDCDCF, #253B29, #101611)
• Aged Teal Lagoon color palette (#F0F7F0, #E4BA79, #42A690, #57629A, #32232D)

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