Tempered Studio color palette — #F5F0F6 · #DCD4D6 · #BCACA7 · #937896 · #393439

A conversation between Heather and Rosewood Mist, giving this palette its sense of sophistication.

The five colors

• Ivory (#F5F0F6): bright and airy, almost weightless.
• Silver (#DCD4D6): bright and airy, almost weightless.
• Rosewood Mist (#BCACA7): soft and architectural.
• Heather (#937896): A luminous, dusty pink — the color of peonies in June.
• Charcoal (#393439): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Driftwood Studio color palette (#FBF3F2, #DDD9D3, #A3AFA8, #AC6D7B, #5C4F4D)
• Aged Bronze color palette (#EEF4EE, #CEDAD8, #ADC1C0, #906F3A, #282E28)
• Worn Taupe color palette (#FFECF2, #D9998D, #9A6C4F, #2C5C50, #392532)
• Antique Bloom color palette (#E8F5F2, #A9CBC8, #618C8B, #745863, #1F3634)
• Muted Thicket color palette (#E2EFE5, #96A49B, #688377, #453300, #000602)
• Washed Abyss Market color palette (#FFECF4, #E2C5CE, #859589, #536D6B, #2B4B4F)
• Timeworn Parlor color palette (#FAEEF7, #E6D6D0, #EDC198, #C58A62, #3D2636)
• Worn Cocoa color palette (#EEE6EB, #D4C7CD, #B69BA4, #863C16, #1F1119)

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