Tempered Basalt color palette — #F9F5EB · #DAD6B6 · #93B88B · #989263 · #4C4300
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5EB): bright and airy, almost weightless.
- Wheat (#DAD6B6): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#93B88B): A luminous, dusty green — the color of fresh herbs.
- Moss (#989263): A luminous, dusty green — the color of new leaves after rain.
- Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
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
- Muted Moss color palette (#FDF4E5, #D3D298, #94B25C, #4D9B6F, #3F3D00)
- Dusty Villa color palette (#FAF4EB, #CBC69D, #629F7A, #846F42, #4B4300)
- Chalky Pine color palette (#E7E1C9, #80A465, #008740, #565B00, #071300)
- Softworn Moss color palette (#EDE4CF, #B5C185, #6BA24F, #28876A, #262D00)
- Ancient Villa color palette (#EDF9EB, #C3E8E2, #CBCFF4, #73C5A3, #3A523F)
- Stone Villa color palette (#E5F7ED, #AABC80, #5E8056, #405C4D, #182C26)
- Forest Thicket color palette (#E1E5CF, #54987D, #007267, #145720, #000804)
- Marigold Basin color palette (#EBFAE9, #5CD4CD, #C8A2E4, #DF921D, #293E27)
Browse the whole catalog at Explore, or see today's palette.