Tempered Basalt color palette — #FFDFD6 · #C2B696 · #839673 · #7D5B62 · #513654
Built around Charcoal, softened by Eucalyptus — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FFDFD6): A whisper-light, dusty orange — the color of autumn markets.
- Stone (#C2B696): A luminous, dusty gold — the color of afternoon light on wheat.
- Eucalyptus (#839673): A luminous, dusty green — the color of fresh herbs.
- Graphite (#7D5B62): A full-bodied, dusty red — the color of late-summer berries.
- Charcoal (#513654): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, 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
- Weathered Alley color palette (#FFF3E7, #D1C7A5, #8DA085, #896E6C, #684442)
- Hushed Taupe color palette (#FFF0FA, #BFE8CE, #7EAC8D, #6A6081, #3F3654)
- Washed Denim Loft color palette (#D4EDDC, #90AFA5, #518165, #4A5784, #524066)
- Softworn Drift color palette (#ECDDD2, #9B9963, #297A65, #5C3658, #361833)
- Spruce Villa color palette (#F8F6E4, #94C1A6, #3B908D, #7F546A, #2E3C00)
- Mulberry Villa color palette (#E6E0CF, #88C183, #119AAE, #9C445A, #5A2632)
- Wandering Cocoa Boulevard color palette (#E7EFE3, #77B6AF, #6184AE, #774E3C, #5B2B00)
- Bronze Alley color palette (#F6ECBC, #92CFAB, #55A0B9, #92612D, #684521)
Browse the whole catalog at Explore, or see today's palette.