Tempered Stone color palette — #FBF3F1 · #DDDAD2 · #D6AA99 · #9FB4B5 · #5A504C

Rosewood Mist takes the lead with Ash close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DDDAD2): bright and airy, almost weightless.
• Rosewood Mist (#D6AA99): A luminous, dusty orange — the color of sun-warmed clay.
• Ash (#9FB4B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5A504C): 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

• Wandering Terrace color palette (#F6EFF5, #DDD4D4, #B3ABA5, #A5746E, #3B333A)
• Cocoa Villa color palette (#FDF3EC, #E9DAD8, #B9E5B0, #C5C6A5, #6B3F00)
• Muted Fern color palette (#F5F6ED, #D4E5C2, #82C3C2, #B09290, #3D5716)
• Aged Tangerine Veranda color palette (#FBF3EF, #DFDEC8, #A5CBAD, #EA8659, #642F00)
• Hushed Jade color palette (#FEF2EF, #FDAFB5, #80BB80, #7A83B4, #53394A)
• Patina Orchard color palette (#E8E1DD, #A7A28D, #859268, #9E4331, #120602)
• Dusty Cocoa Drift color palette (#FDF4E4, #FFBCBF, #D2A569, #6A8EBB, #6F360E)
• Softworn Garden color palette (#E7E3D7, #A7B6A1, #6DA7A2, #827200, #1B1301)

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