Tempered Basalt color palette — #F5F6EE · #D4DDD7 · #A8B0C0 · #7DAC7E · #3E4400

A conversation between Deep Olive and Jade, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#D4DDD7): bright and airy, almost weightless.
• Ash (#A8B0C0): A luminous, dusty violet — the color of wild irises.
• Jade (#7DAC7E): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#3E4400): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Muted Bronze Grove color palette (#F7F6E8, #C6E8C9, #72AD93, #7F792F, #363D00)
• Wandering Forest color palette (#ECF0E6, #C8D4C1, #92AF93, #005D34, #020300)
• Softworn Ash Balcony color palette (#EFFBDA, #BAE5D8, #8CB5A1, #957474, #624238)
• Cerulean Veranda color palette (#EFF7F3, #D1DDDE, #B6B2A8, #2D97B7, #24322A)
• Weathered Pine color palette (#EFF7F6, #D1DFE6, #B3C3D0, #588059, #3D4B49)
• Weathered Atelier color palette (#EEFAE5, #36B597, #364D38, #192113, #050602)
• Aged Lagoon Thicket color palette (#F2F7EC, #C9E8DC, #A4D4CC, #00946E, #202817)
• Aged Terrace color palette (#FFF4E2, #9BDEAC, #37A4A1, #78547D, #30332C)

Browse the whole catalog at Explore, or see today's palette.