Tempered Stone color palette — #FAF4F0 · #DCDAD2 · #A6B8B7 · #C9A68F · #514C49

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Bone (#DCDAD2): a clean, paper-quiet neutral.
• Ash (#A6B8B7): a calm mid-gray that lets other colors speak.
• Camel (#C9A68F): A luminous, dusty gold — the color of old brass.
• Charcoal Brown (#514C49): a grounded near-black with real depth.

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

• Muted Driftwood color palette (#FFF4E0, #D7DEC9, #B5C7AA, #80967B, #3F5444)
• Driftwood Study color palette (#F7EFF4, #DDD4D3, #A5A8B1, #9B758E, #3C3339)
• Amber Orchard color palette (#FAF4EE, #DDDDCF, #97B7BB, #C38136, #39342F)
• Cocoa Boulevard color palette (#F0E5DC, #C8B7A7, #A18E76, #5D2D00, #030100)
• Chestnut Lagoon color palette (#F9F5EC, #D6DCCE, #C1BC9B, #6E6000, #110C03)
• Taupe Dune color palette (#FEF4E3, #FFD3AE, #BE9D58, #517E62, #593600)
• Weathered Olive Basin color palette (#F6F6E8, #D1E2D1, #B2B5C7, #599026, #262617)
• Antique Marigold Grove color palette (#FCF4EB, #DFA053, #704D00, #33291F, #130E0B)

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