Tempered Stone color palette — #F8F5EF · #D7DCD5 · #C8B28B · #A3B0BD · #56524A

Built around Sand, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#D7DCD5): bright and airy, almost weightless.
• Sand (#C8B28B): A luminous, dusty gold — the color of honey in a jar.
• Ash (#A3B0BD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#56524A): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Aged Harbor color palette (#F5F6EE, #D5E3C9, #6FC5D1, #AE938E, #47513F)
• Weathered Driftwood Pier color palette (#EDF4EF, #D0D9DA, #A8AEB6, #6B8C77, #303933)
• Antique Chestnut Ridge color palette (#EDE8DD, #97A695, #709181, #716400, #0D0801)
• Mint Villa color palette (#FFF2EB, #EFC999, #81BF8E, #A07CAC, #4A4740)
• Patina Taupe Hollow color palette (#F7F5EF, #D1E3D2, #A7D4C3, #AAAA4B, #4D3E00)
• Sky Lagoon color palette (#FEF3EA, #F8B787, #54B5E6, #AF718D, #5C3635)
• Muted Canyon color palette (#F4F2E8, #ADC171, #6A8647, #605500, #24211D)
• Washed Pine Field color palette (#EBF0E5, #9BB8B2, #929FCA, #008660, #11160A)

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