Tempered Stone color palette — #FBF3F1 · #DDDAD2 · #DCA5A5 · #9FB4B4 · #59504E

Rosewood Mist and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DDDAD2): bright and airy, almost weightless.
• Rosewood Mist (#DCA5A5): A luminous, dusty red — the color of embers at dusk.
• Ash (#9FB4B4): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#59504E): 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

• Stone Orchard color palette (#FFF2EE, #E3DBC0, #CFC3A3, #AD98A7, #5D4C55)
• Worn Driftwood color palette (#F6EFF5, #DDD4D5, #BAADA4, #937990, #3A343A)
• Washed Tangerine color palette (#FCF3EE, #DDDBCC, #98BDB5, #EB845E, #652E00)
• Aged Fern color palette (#F6F6EC, #D6E4C3, #76C6C0, #B2918F, #405613)
• Tempered Jade Study color palette (#FEF2F0, #F6B1C1, #90B872, #6D87B6, #583649)
• Hushed Apricot Villa color palette (#F9F0E9, #EDA27A, #997433, #7B4515, #26201E)
• Weathered Bronze color palette (#E9E5DB, #A8B6A0, #7FA587, #867000, #191306)
• Marigold Garden color palette (#FDF4E3, #FDBDC2, #D7A362, #6F90AF, #6F3510)

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