Tempered Stone color palette — #F7F3F9 · #DFD8D9 · #E49EB1 · #B2B4A8 · #555157

A conversation between Ballet Pink and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F7F3F9): bright and airy, almost weightless.
• Silver (#DFD8D9): bright and airy, almost weightless.
• Ballet Pink (#E49EB1): A luminous, balanced red — the color of late-summer berries.
• Ash (#B2B4A8): soft and architectural.
• Charcoal Brown (#555157): a grounded near-black with real depth.

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

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

• Dusty Honey color palette (#FEF0FC, #EED2D7, #FBC064, #B3B8A7, #584150)
• Ancient Stone color palette (#FBEDF7, #E4A598, #8D737C, #5F4F5B, #242026)
• Cerulean Workshop color palette (#EAFAEF, #F2C0D6, #D5A186, #5694B8, #514153)
• Stone Lagoon color palette (#EFF7F4, #C2E6E3, #8BC0C6, #9C94B7, #3B5250)
• Driftwood Summit color palette (#F9EFEE, #DED7CD, #ACB1A4, #A17770, #3D3432)
• Washed Cerulean color palette (#FBF1FB, #F8B1B5, #83B890, #2997A4, #2D4266)
• Amber Delta color palette (#FAF3F6, #D2E0DC, #AEC9C8, #E08457, #45353E)
• Antique Bronze color palette (#E1E7E1, #A3B4B3, #75A3AD, #956800, #0B170C)

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