Tempered Basalt color palette — #FDF4E7 · #CABD9A · #A68B5C · #895D40 · #453E00

Deep Olive and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Sand (#CABD9A): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#A68B5C): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#895D40): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#453E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Sunlit Amber Lagoon color palette (#FFEBD7, #CDB170, #BD7212, #984327, #393800)
• Taupe Garden color palette (#E7FCE9, #E5DFAF, #B89864, #845E70, #213730)
• Weathered Bronze Boulevard color palette (#ECF9EE, #8DB198, #8D6D2D, #6B4A1D, #2D4336)
• Patina Chestnut color palette (#E8DDC6, #84954F, #706000, #553500, #021D01)
• Chalky Bronze color palette (#EDDDCA, #AA9F6B, #976700, #7A3700, #202800)
• Dusty Onyx color palette (#EFDBCB, #87693A, #6B3400, #4B0101, #040300)
• Softworn Bronze color palette (#EBFAEC, #54AFB2, #B578A2, #9B5E24, #263828)
• Aged Petrol Lagoon color palette (#EDF9EF, #E3BBA1, #327E85, #004C51, #162619)

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