Tempered Stone Ridge color palette — #FBF2F7 · #E5D7D6 · #E0B2B3 · #AEB3BE · #575054

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Silver (#E5D7D6): bright and airy, almost weightless.
• Rosewood Mist (#E0B2B3): A luminous, dusty red — the color of embers at dusk.
• Ash (#AEB3BE): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#575054): 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 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 Oat color palette (#FFF1F5, #E4DDD2, #E0CA9A, #A2BAD3, #3A4E39)
• Driftwood Orchard color palette (#FBF2F7, #CDDADB, #A0A1AF, #AE8488, #585055)
• Timeworn Atelier color palette (#EFF8F2, #CDDDDC, #AEC5C7, #B19F60, #343D37)
• Sand Loft color palette (#E8FBEB, #FBC48C, #C2AC76, #6B987F, #3D4C3D)
• Softworn Chestnut color palette (#EDDFE4, #95ABA4, #6B9890, #915100, #11060A)
• Timeworn Olive Studio color palette (#E0F0EB, #9CB5BB, #7C9EA9, #5F7D2D, #061813)
• Aged Thicket color palette (#EBF5EB, #EAA942, #6E8173, #4D584D, #271F22)
• Driftwood Drift color palette (#F8F3FA, #E2D7DA, #BFAEAA, #6B9186, #555156)

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