Tempered Basalt color palette — #E5EDE5 · #ABC1B2 · #6D9E8B · #533500 · #000200

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

The five colors

• Cream (#E5EDE5): bright and airy, almost weightless.
• Stone (#ABC1B2): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#6D9E8B): A luminous, dusty teal — the color of sea glass.
• Cocoa (#533500): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Hushed Olive Field color palette (#E5E0DA, #938D80, #736E23, #3C2300, #020100)
• Hushed Fern Coast color palette (#E4F1EF, #B6D7D7, #75B4A7, #185E00, #000303)
• Weathered Quarry color palette (#ECE5EB, #CBB3C0, #AF8493, #73090F, #030003)
• Timeworn Pine Lantern color palette (#C8E8DF, #538957, #004831, #2E1300, #000200)
• Chestnut Drift color palette (#EFE3E7, #8FADAC, #6A95A0, #8E5300, #11050A)
• Washed Quarry color palette (#EDE2C7, #78833C, #00613A, #151C49, #04000B)
• Washed Apricot color palette (#CCECD8, #F18900, #A28500, #256500, #010100)
• Dusty Field color palette (#EEF8F1, #CCE1E2, #A2CDD7, #8A7515, #15221A)

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