Tempered Stone Pier color palette — #FFECF2 · #EDA5B3 · #AE6D71 · #79433D · #4E1909

Ballet Pink takes the lead with Espresso close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#EDA5B3): A luminous, balanced red — the color of late-summer berries.
• Mocha (#AE6D71): A luminous, balanced red — the color of late-summer berries.
• Coffee (#79433D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#4E1909): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

One click turns Tempered Stone Pier 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

• Blush Summit color palette (#FFEFE0, #E48F9F, #A3665C, #55524B, #3A2721)
• Timeworn Cocoa color palette (#FFF0FB, #E5B0C1, #AE7677, #864437, #6F3600)
• Hushed Bronze color palette (#FFEEE6, #EAAC82, #A77643, #714E17, #382700)
• Mallow Thicket color palette (#F6EEFF, #DBAFED, #9F749D, #764669, #471833)
• Driftwood Studio color palette (#F9EFEE, #DED5CE, #B0ADA1, #9E7776, #3B3434)
• Shell Delta color palette (#FFEDEA, #E1CEC5, #FFADBE, #CF8D81, #3B211A)
• Hushed Rose color palette (#F8EAE6, #C65C6A, #622707, #251C19, #110B0A)
• Tempered Atelier color palette (#FAE9E6, #E45F2F, #8B3D00, #4B2600, #170B00)

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