Tempered Basalt color palette — #E9F3FF · #BEC6D7 · #878EA8 · #6A5B72 · #4B384C
A conversation between Charcoal and Graphite, giving this palette its sense of sophistication.
The five colors
- Ivory (#E9F3FF): bright and airy, almost weightless.
- Oat (#BEC6D7): A whisper-light, dusty violet — the color of a velvet chair.
- Slate Blue (#878EA8): A luminous, dusty violet — the color of wild irises.
- Graphite (#6A5B72): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#4B384C): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Sophistication. Tagged vintage, retro, 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
- Timeworn Driftwood color palette (#E2E3FF, #B8B2D2, #89799A, #745265, #412C34)
- Pewter Terrace color palette (#E3E6FF, #8E95BB, #70517F, #5B2E31, #370A00)
- Timeworn Loft color palette (#ECF2FF, #BFCAF7, #787FB5, #424A7A, #141A39)
- Aged Stone Parlor color palette (#EAF4F1, #A0CEC5, #628C88, #4A6768, #1E3632)
- Garnet Market color palette (#F0E9F9, #8C6D92, #6E385D, #481A05, #1F0D00)
- Softworn Petrol color palette (#E9F3FF, #96B5E1, #6FAC8C, #4D73A8, #00393A)
- Bronze Harbor color palette (#F0F8E9, #BDCEC2, #9B879A, #8C6223, #3C5514)
- Weathered Plum Canyon color palette (#F4E3F0, #B9819B, #A54B61, #563600, #2A2100)
Browse the whole catalog at Explore, or see today's palette.