Tempered Basalt color palette — #E3DDD5 · #BFBBA8 · #8D9774 · #503600 · #020100

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

The five colors

• Bone (#E3DDD5): bright and airy, almost weightless.
• Stone (#BFBBA8): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#8D9774): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#503600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

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

• Onyx Dune color palette (#DFE9E1, #89A097, #5B7773, #382800, #000D03)
• Forest Summit color palette (#EDF0E3, #C7D4C4, #8CB09D, #005E21, #020300)
• Abyss Archive color palette (#F7E3DB, #807B4D, #005638, #330C21, #040002)
• Hushed Chestnut color palette (#E6F2E9, #87A9A9, #679198, #7A5F00, #020C05)
• Patina Tangerine color palette (#EDE2CB, #FB7A27, #8B8300, #00615D, #010100)
• Wandering Lagoon Loft color palette (#ECEAD0, #009067, #004548, #35061E, #010100)
• Worn Bronze color palette (#F7F5EF, #D6E0D5, #A8D1BE, #847720, #231E11)
• Lowlit Chestnut Coast color palette (#FBE2CF, #895700, #003D11, #150028, #020100)

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