Tempered Stone color palette — #F7F2FF · #FDBED6 · #EFA1AD · #BA7F7D · #62455A

A conversation between Ballet Pink and Carnation, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Carnation (#FDBED6): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#EFA1AD): A luminous, balanced red — the color of embers at dusk.
• Dusty Rose (#BA7F7D): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#62455A): A full-bodied, dusty pink — the color of neon signs at night.

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

• Rust Studio color palette (#FFF1F4, #F9D1D4, #E292A6, #B46359, #57504B)
• Muted Workshop color palette (#F1F4FF, #E1C6F9, #D4A8DC, #AB7FA4, #5B4C6A)
• Wandering Blush color palette (#FEF0FE, #FFC3C6, #8FD6D2, #E18D93, #28545F)
• Raspberry Field color palette (#FFEBEB, #DE9FB9, #BD5B73, #7F4042, #39322F)
• Softworn Stone Balcony color palette (#FFF0FB, #FFCFBD, #EAAE85, #B28959, #3C553F)
• Weathered Thicket color palette (#FFF0FD, #FAB1AE, #9FCC9A, #92AFE4, #4D3C4B)
• Pale Coral Field color palette (#FCD7E0, #FFA3AB, #FF6759, #D2581D, #5A2D00)
• Ancient Stone color palette (#EDF9EE, #C5E2D0, #A0BFA5, #A78893, #394D45)

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