Tempered Basalt color palette — #FAF4EB · #E0D5AD · #98B68E · #A38796 · #504100
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Wheat (#E0D5AD): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#98B68E): A luminous, dusty green — the color of new leaves after rain.
- Heather (#A38796): A luminous, dusty pink — the color of peonies in June.
- Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Softworn Oat color palette (#FDF4E4, #C5D198, #84AC83, #9F7589, #37362F)
- Weathered Ash Pier color palette (#FFF1F4, #E5D7CE, #A7B69D, #ABA5D1, #5D4140)
- Linen Garden color palette (#FFF1F3, #EAB8EB, #A7CB84, #C087C2, #364923)
- Tempered Taupe Veranda color palette (#F7F6E8, #CCE5C5, #84AA81, #438284, #393932)
- Moss Thicket color palette (#EEE3D4, #C0BD83, #779F55, #716F9E, #2D2A00)
- Wandering Summit color palette (#FDF3EE, #C6E9E0, #89C9DD, #67A888, #2C5045)
- Faded Mallow color palette (#FFF1F2, #EE9EE4, #93C48A, #28B3AB, #4F2D31)
- Worn Olive Loft color palette (#EBF5EC, #B5B788, #5E804D, #495474, #182C24)
Browse the whole catalog at Explore, or see today's palette.