Tempered Basalt color palette — #E8DFD6 · #C2B9AC · #9F9073 · #553300 · #020100

Cocoa and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#E8DFD6): bright and airy, almost weightless.
• Stone (#C2B9AC): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9F9073): A luminous, dusty gold — the color of afternoon light on wheat.
• Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
• 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

• Dusty Onyx color palette (#E5DBDF, #7F9484, #677047, #402100, #040002)
• Wandering Fern color palette (#EEEFE5, #CED2C0, #A0AB89, #295B00, #030300)
• Chestnut Field color palette (#EEE9E3, #A0A294, #809073, #905100, #110700)
• Faded Amber Delta color palette (#EDDCBE, #D38900, #AA8300, #5B5E00, #020100)
• Chestnut Hollow color palette (#E7E0D3, #7D5E00, #353400, #00100D, #020100)
• Forest Boulevard color palette (#EFF2E0, #6D835C, #1B592C, #00232B, #000204)
• Weathered Summit color palette (#FAF4EA, #D9DDCF, #BCC4B2, #907200, #261D0C)
• Amber Chapel color palette (#FBF4EA, #DBDECC, #A6B8AA, #B18B45, #39342E)

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