Tempered Basalt color palette — #FFF2EF · #FFCFC7 · #DEAB82 · #AB9060 · #494805

A conversation between Deep Olive and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFCFC7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#DEAB82): A luminous, balanced gold — the color of afternoon light on wheat.
• Caramel (#AB9060): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#494805): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Worn Drift color palette (#FFF0FA, #FDB997, #CB9269, #956C3E, #5C4000)
• Worn Stone color palette (#FFF1F4, #FFC7EC, #EA9EAA, #B87B69, #6B3F0B)
• Dusty Stone Lagoon color palette (#FFF2EC, #F7D59D, #BFBB7B, #7D9A6E, #055237)
• Cocoa Villa color palette (#FFF4DE, #FFBCBD, #CBA875, #66988A, #6E360B)
• Chalky Garden color palette (#FFDAD8, #FFB485, #D79900, #818100, #1A3E00)
• Dusty Villa color palette (#FFEAFD, #D7B0CB, #AE7D5A, #6F4C00, #372E00)
• Hushed Apricot color palette (#FEEFE3, #FF9955, #987532, #5C524B, #27201D)
• Sand Station color palette (#FFF2ED, #F6DABF, #CBC4AF, #AB9BA7, #5E4B5A)

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