Tempered Stone color palette — #F7F4F9 · #DFD7DA · #B7B6AB · #D39CB3 · #504B53

Mauve takes the lead with Stone close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F7F4F9): a clean, paper-quiet neutral.
• Silver (#DFD7DA): a clean, paper-quiet neutral.
• Stone (#B7B6AB): a calm mid-gray that lets other colors speak.
• Mauve (#D39CB3): A luminous, dusty rose — the color of a warm blush.
• Charcoal Brown (#504B53): 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

• Coral Corridor color palette (#F8F3F8, #EBD8DB, #C0B0A7, #D96A78, #3F2E40)
• Hushed Market color palette (#FCF1FB, #E79494, #634D5A, #332632, #110E13)
• Timeworn Thicket color palette (#EDF9EF, #FFCDDC, #D18F79, #2F8369, #4A384B)
• Driftwood Lantern color palette (#FDF0FF, #E9D6D8, #BED1BD, #739198, #3D525F)
• Ancient Garnet Hollow color palette (#F0E8F3, #C4B5C2, #A6879A, #710034, #030004)
• Hushed Cocoa Orchard color palette (#F5EBEE, #C5D4C9, #88B19E, #6D4200, #080003)
• Aged Drift color palette (#FCF2F7, #EAD4D1, #A6C4AD, #9A4100, #170610)
• Dusty Rust color palette (#FBF2F9, #E8D6D7, #D3BAB7, #C14845, #251A24)

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