Tempered Stone color palette — #F9F2FF · #FFC4D1 · #EBA099 · #B57B60 · #644351

A conversation between Rose Quartz and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Shell Pink (#FFC4D1): A whisper-light, dusty red — the color of late-summer berries.
• Rose Quartz (#EBA099): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#B57B60): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#644351): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged 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

• Timeworn Study color palette (#FCF1FF, #FFC0B9, #E9A88B, #B28058, #38543E)
• Stone Thicket color palette (#FFF0F9, #F0D9BD, #E8A890, #AE7B62, #4F2C3F)
• Mallow Balcony color palette (#F3F4FF, #EBC1F4, #DBA3CF, #BB7E96, #634A63)
• Weathered Coast color palette (#FFF2EE, #F1ADAC, #D0857C, #9C6256, #7B421B)
• Timeworn Ember Terrace color palette (#FFDBDB, #ECA2B0, #C96561, #884F38, #3C3731)
• Washed Quarry color palette (#FFF0FB, #FFC5B8, #8DD4E2, #D89586, #275365)
• Weathered Coast color palette (#FFD2D7, #FF9E91, #FB6A16, #B26D00, #503800)
• Softworn Field color palette (#FFF0FA, #E6D8D5, #B2B0C4, #C2AE91, #5B474F)

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