Tempered Basalt color palette — #FAF5E7 · #D4D3AE · #B7AE74 · #AB7E4F · #354400
A conversation between Deep Olive and Caramel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5E7): a clean, paper-quiet neutral.
- Wheat (#D4D3AE): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#B7AE74): A luminous, dusty green — the color of fresh herbs.
- Caramel (#AB7E4F): A luminous, balanced gold — the color of honey in a jar.
- Deep Olive (#354400): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Canyon color palette (#FFF3E9, #E2CDAF, #D69E7C, #B97172, #3F3D36)
- Ancient Studio color palette (#EFE8CF, #C3C59F, #A2A264, #9D702E, #2F322B)
- Chalky Scarlet Villa color palette (#F9D7BC, #D6B26F, #E17100, #CA263F, #2B2B00)
- Ancient Meadow color palette (#E3F8EB, #9DB679, #81753D, #653E4E, #0B2827)
- Mulberry Drift color palette (#FBDECA, #B9996A, #B76332, #943443, #191700)
- Garnet Garden color palette (#EDE2D5, #88834B, #815600, #6E2300, #010400)
- Washed Amber Thicket color palette (#FFF0FB, #A1B5FF, #BD9ED8, #CA7937, #3F2B3B)
- Worn Pier color palette (#FFE2C9, #FFBBBC, #0DE0F4, #4B6551, #1B281E)
Browse the whole catalog at Explore, or see today's palette.