Tempered Basalt color palette — #FFF3E7 · #EADDAA · #81AF8F · #80678D · #493F00

Deep Olive takes the lead with Wheat close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#EADDAA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#81AF8F): A luminous, dusty teal — the color of glacier melt.
• Slate (#80678D): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Olive (#493F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

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 Field color palette (#FFF2EB, #BEEBBE, #68B0B6, #966070, #304802)
• Antique Sand Coast color palette (#F9F5EB, #E0CB86, #59A6BE, #875B75, #4F2D2E)
• Bronze Grove color palette (#FBF4EC, #C7DFCC, #A3B68D, #A97C40, #574300)
• Worn Pine Meadow color palette (#FFF1F6, #B7A869, #40895A, #664F71, #374D45)
• Wandering Cerulean Archive color palette (#E9FAF2, #C7D8A6, #91BB92, #4099AF, #2D4F48)
• Patina Lagoon color palette (#FBF3EF, #C4DEE8, #98CFD5, #639F96, #594657)
• Hushed Cobalt Market color palette (#FFF2ED, #00C4B5, #0079BA, #7A2600, #001D21)
• Feathered Mint color palette (#FFF2EA, #80CC7F, #008F97, #753A58, #1A2608)

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