Tempered Stone color palette — #FFF0FD · #FFD4D2 · #E7A6A7 · #AF7475 · #482D48

Rose Quartz takes the lead with Mocha close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Shell Pink (#FFD4D2): A whisper-light, dusty orange — the color of autumn markets.
• Rose Quartz (#E7A6A7): A luminous, dusty red — the color of embers at dusk.
• Mocha (#AF7475): A luminous, dusty red — the color of a theater curtain.
• Charcoal (#482D48): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, light, muted, warm.

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

• Pewter Corridor color palette (#FEF0FF, #FFCBC7, #D08F8E, #95585D, #50282A)
• Hushed Lantern color palette (#FFEDE8, #FAB7BB, #BA676C, #73373A, #34160C)
• Weathered Stone color palette (#FFF1F5, #FFDAB2, #DDAC80, #AB825B, #492E0C)
• Celadon Delta color palette (#CDE9FF, #BFEE90, #FFC4B0, #7C6774, #363034)
• Muted Apricot color palette (#FFF1F7, #F5B185, #81C4C6, #8899C1, #493740)
• Worn Apricot Loft color palette (#FBF2F6, #FFCEE1, #9DC58C, #D59E6F, #21322F)
• Muted Bone Coast color palette (#EEF9EE, #C3E3CB, #A5BEA4, #A68896, #3C4C43)
• Frosted Quarry color palette (#FFF2ED, #FFC5B2, #FF7950, #BE4C0D, #430E00)

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