Tempered Basalt color palette — #DAE2D9 · #94A597 · #60866F · #4B2F00 · #010601
A conversation between Espresso and Fern, giving this palette its sense of nature and growth.
The five colors
- Bone (#DAE2D9): bright and airy, almost weightless.
- Taupe (#94A597): A luminous, dusty teal — the color of sea glass.
- Fern (#60866F): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#4B2F00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#010601): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, 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
- Patina Spruce color palette (#D9E2DD, #83918B, #56726A, #2E2B00, #000201)
- Muted Cabin color palette (#F7EEE5, #B2A895, #8A8138, #512E00, #1F1001)
- Garnet Courtyard color palette (#EBE0E7, #AE99A3, #94707E, #5F1E00, #0A0107)
- Forest Chapel color palette (#E0EDEB, #A6B7B7, #6F9599, #005223, #000E0D)
- Softworn Cocoa Quarry color palette (#F4EBEE, #C4D5CA, #87B0A4, #6E4100, #080003)
- Ancient Amber color palette (#DCF6E5, #B88000, #836D00, #424E00, #030200)
- Worn Pine Delta color palette (#ECF4F2, #CCD8DD, #9EBEBF, #417335, #152421)
- Wandering Thicket color palette (#DAEAD1, #477D54, #025342, #00283C, #000613)
Browse the whole catalog at Explore, or see today's palette.