Tempered Ridge color palette — #F9F3F9 · #E8D7D7 · #CCBDB8 · #7292B9 · #4C454D

Slate Blue takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Bone (#E8D7D7): bright and airy, almost weightless.
• Stone (#CCBDB8): a calm mid-gray that lets other colors speak.
• Slate Blue (#7292B9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#4C454D): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered Ridge 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

• Tempered Veranda color palette (#FBF2F7, #E4D8D5, #B7B2A6, #B190A3, #565154)
• Driftwood Station color palette (#FCF2F3, #E3D7CC, #C5BEAC, #A06C99, #463637)
• Washed Quarry color palette (#FCF2F9, #F7D3DD, #DAB3B0, #616BCF, #3E2D39)
• Weathered Denim color palette (#F7ECF5, #C5ADB6, #B2898B, #304F91, #1B0F1A)
• Washed Terrace color palette (#FDF3E9, #C8C895, #759B6F, #88676E, #514100)
• Iris Bloom color palette (#F7DCEA, #8C78F4, #624346, #372931, #121A18)
• Weathered Corridor color palette (#DEFEED, #DDB3CB, #B99B98, #6C7D3A, #4A5912)
• Aged Mulberry color palette (#EBE1E1, #DABDB3, #B7A08C, #8E3F75, #2D191A)

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