Tempered Stone color palette — #F9F2FF · #F4D4CD · #F39FAE · #A77175 · #584356

Ballet Pink takes the lead with Mocha close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Shell Pink (#F4D4CD): A whisper-light, dusty orange — the color of toasted spice.
• Ballet Pink (#F39FAE): A luminous, balanced red — the color of a theater curtain.
• Mocha (#A77175): A luminous, dusty red — the color of a theater curtain.
• Charcoal Brown (#584356): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged light, muted.

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 Terracotta color palette (#FFDFDF, #D7A1B8, #BE7381, #8F3F44, #413936)
• Hushed Canyon color palette (#F3F4FF, #EFD3E3, #CC9DDE, #99759A, #564D66)
• Softworn Oat color palette (#FDF1FD, #F4D5C6, #CBD295, #C3888A, #2D4E42)
• Stone Orchard color palette (#FFF0FC, #D9D9CD, #CAB2CA, #99A79E, #594B54)
• Tempered Stone color palette (#FFF0FD, #FFB6B2, #D1B879, #B693C2, #423241)
• Softworn Stone color palette (#EDF9EF, #B7EDE6, #C1AC81, #6D806D, #32443A)
• Sunlit Rust color palette (#FFDDDA, #FF7D64, #D34700, #752F00, #3A1800)
• Feathered Amber Summit color palette (#FFF2EE, #FFA988, #DD6F27, #904C0F, #422400)

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