Tempered Basalt color palette — #ECE6DF · #BFBBA6 · #8D9679 · #4F3700 · #020100

Deep Olive and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#ECE6DF): bright and airy, almost weightless.
• Stone (#BFBBA6): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#8D9679): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#4F3700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: 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

• Bronze Alley color palette (#E9E5DE, #938D7C, #7B6A1F, #342800, #020100)
• Dusty Forest color palette (#EDEFE5, #C8D4C5, #8EAF9D, #005E1B, #020300)
• Ancient Coral color palette (#E7E0C3, #FF7253, #8E8B00, #006151, #000200)
• Dusty Forest color palette (#FFEAE6, #8D794C, #165E27, #42001B, #0D0002)
• Timeworn Lagoon color palette (#F1EFDA, #119067, #004547, #35051E, #010100)
• Dusty Bronze Dune color palette (#F7F5EE, #D6DFD5, #ADCCBD, #837826, #221E12)
• Moonless Canyon color palette (#FBE8D9, #885800, #003D15, #13002A, #010100)
• Emerald Workshop color palette (#F3F7EC, #BFDFE3, #CBB5B2, #009657, #222714)

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