Tempered Stone color palette — #FFF2EF · #E4D7CB · #E4B689 · #92696B · #61473F

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E4D7CB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#E4B689): A luminous, dusty gold — the color of old brass.
• Mocha (#92696B): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#61473F): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Stone 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

• Bronze Archive color palette (#FFF3E9, #DDDFCA, #C2C686, #A56446, #724700)
• Washed Coast color palette (#FAF1FF, #E9D7D9, #E7CBA1, #A882A4, #5D4B5F)
• Garnet Ridge color palette (#FFEDEA, #E0D7C8, #E1BF90, #946D93, #5A1F01)
• Hushed Dune color palette (#FFF3E6, #BDA375, #8F6A43, #784211, #403D36)
• Straw Boulevard color palette (#FFF3E2, #DEDD87, #90BB8B, #8C633F, #434039)
• Aged Dune color palette (#FFEEED, #FFBC9A, #C69900, #973D54, #4F2618)
• Dusty Thicket color palette (#FFF2EB, #CEA956, #77402C, #332C29, #211C12)
• Apricot Loft color palette (#FDF3EB, #F09552, #6B7700, #8E4C14, #282413)

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