Tempered Stone color palette — #FFF1F2 · #E2D7D1 · #EAB2BE · #8C6F90 · #684749

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E2D7D1): bright and airy, almost weightless.
• Ballet Pink (#EAB2BE): A luminous, dusty red — the color of a theater curtain.
• Slate (#8C6F90): A full-bodied, dusty pink — the color of a candy shop window.
• Coffee (#684749): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged pastel, 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

• Ancient Cocoa color palette (#FFF2ED, #E0D9CC, #DEB99E, #A2756A, #783B1E)
• Weathered Delta color palette (#FFEDEF, #E3D4CA, #D1BE95, #7C78AC, #462A2B)
• Washed Dune color palette (#F5F3FF, #E8D7DF, #E6C69E, #8D90D3, #564B64)
• Misty Mulberry Dune color palette (#FFF1F6, #FFBCCA, #F4857C, #9A3F81, #5D2637)
• Worn Chestnut color palette (#FFF2E9, #F9CEAA, #C7A56F, #975643, #443E39)
• Stone Balcony color palette (#F7F3FF, #E5D5DE, #C8A5CC, #AAB3A4, #4F465B)
• Terracotta Dune color palette (#FEF2EE, #E09992, #93632E, #9B3C38, #2D2216)
• Powdered Study color palette (#F7DFCD, #E5B167, #99813A, #7F3300, #371F00)

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