Tempered Basalt color palette — #FBF5E4 · #9DBA8F · #468165 · #704F59 · #464500
A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9DBA8F): A luminous, dusty green — the color of fresh herbs.
- Fern (#468165): A full-bodied, dusty teal — the color of sea glass.
- Coffee (#704F59): A full-bodied, dusty rose — the color of a warm blush.
- Deep Olive (#464500): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Softworn Chestnut color palette (#FCF4EA, #C6C493, #738962, #765E6A, #5E4B00)
- Hushed Station color palette (#F7F1E7, #B9B58C, #478366, #6B4B4C, #2A2810)
- Muted Moss color palette (#FFF4E0, #9AAE42, #367B3A, #6A4354, #3C3B34)
- Aged Boulevard color palette (#EDF9F0, #9BD1C3, #639E81, #786B87, #274A42)
- Blush Balcony color palette (#FFF1F1, #D57FAD, #3C9F71, #934772, #41443D)
- Tempered Oat color palette (#FFF1F1, #EAD6CA, #DAC58D, #86709A, #57423E)
- Softworn Summit color palette (#FBF3EE, #C1E7D1, #5D90B7, #217067, #563F53)
- Faded Jade color palette (#EEEDD2, #00AC71, #006961, #5B3254, #003822)
Browse the whole catalog at Explore, or see today's palette.