Tempered Basalt color palette — #F6F6EC · #C3C8A4 · #699D79 · #7F713E · #424700
A conversation between Deep Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6EC): a clean, paper-quiet neutral.
- Pistachio (#C3C8A4): A luminous, dusty green — the color of new leaves after rain.
- Moss (#699D79): A luminous, dusty teal — the color of sea glass.
- Walnut (#7F713E): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Olive (#424700): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Timeworn Harbor color palette (#F7F6E6, #A1C88E, #4C9B52, #5A740E, #264413)
- Teal Chapel color palette (#E7FAF6, #C5F4CB, #75AC8C, #647D6E, #233E3C)
- Washed Archive color palette (#F6F6EC, #91BB9F, #2C8376, #85462B, #3B4900)
- Patina Fern color palette (#F2F8E6, #C5E5D3, #8DD4E7, #7BA476, #3A510E)
- Patina Lagoon color palette (#E8EBDA, #4C956A, #006247, #3D3A00, #001408)
- Muted Field color palette (#F5F8DD, #86B37F, #00ACBD, #B37900, #383932)
- Gentle Olive color palette (#F8E9CD, #B6AE61, #797E00, #6F5800, #342F00)
- Pine Ridge color palette (#E5E6D3, #8BB08D, #1B8652, #376319, #0F3114)
Browse the whole catalog at Explore, or see today's palette.