Tempered Basalt color palette — #FFF3E3 · #FFD3AD · #9BA977 · #87677E · #553900
A conversation between Cocoa and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Peach Cream (#FFD3AD): A whisper-light, dusty gold — the color of old brass.
- Sage (#9BA977): A luminous, dusty green — the color of new leaves after rain.
- Slate (#87677E): A full-bodied, dusty pink — the color of peonies in June.
- Cocoa (#553900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Worn Cocoa color palette (#FFF3E6, #F8C2AB, #A7B67D, #8787B3, #643F00)
- Antique Cocoa Villa color palette (#FDF4E3, #FFD0C8, #B59F6F, #4E7D72, #603100)
- Weathered Straw Garden color palette (#FFF3E8, #DCE590, #6AB39B, #8C6770, #3F4039)
- Antique Fern Atelier color palette (#F7F5EC, #B7E9DA, #A3B68E, #987F79, #474A00)
- Softworn Honey color palette (#FDF3E8, #F9BF7C, #55A9B0, #65668E, #4D2D39)
- Washed Parlor color palette (#EDF9EF, #92B191, #777C4A, #255E87, #384E3E)
- Dusty Parchment color palette (#FFF3E8, #DCE5C9, #C3CAB4, #A38B94, #5C4A50)
- Aged Archive color palette (#FAF4ED, #C3E3F7, #CBBDF2, #789C81, #5B4652)
Browse the whole catalog at Explore, or see today's palette.