Tempered Basalt color palette — #F4EBEE · #ACC1B6 · #7E9894 · #563200 · #040001

Cocoa takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F4EBEE): bright and airy, almost weightless.
• Stone (#ACC1B6): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#7E9894): A luminous, dusty teal — the color of glacier melt.
• Cocoa (#563200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Garnet Basin color palette (#E8E1E7, #C7B5BD, #7E9A88, #700E20, #030003)
• Hushed Olive color palette (#E8E0D7, #9E9A8C, #70762F, #402300, #110700)
• Antique Workshop color palette (#E7F0EE, #BFD5D7, #8DACB9, #305A00, #000303)
• Lagoon Quarry color palette (#DFF5EC, #448B5F, #004642, #320724, #000200)
• Wandering Driftwood Field color palette (#F7E4D9, #798048, #215E53, #2E1C40, #060010)
• Quiet Coral Cabin color palette (#C9E9D0, #FF7C76, #9F8400, #005F48, #010100)
• Softworn Driftwood Chapel color palette (#EFF7F2, #CFE0E4, #AEB6C9, #968B53, #27312B)
• Shadow Chestnut Ridge color palette (#FEDFEB, #984B00, #223A00, #0F002E, #020100)

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