Tempered Stone color palette — #F8F3FE · #D99CBD · #A3885B · #2C7865 · #344164

Mauve takes the lead with Teal close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F8F3FE): a clean, paper-quiet neutral.
• Mauve (#D99CBD): A luminous, balanced rose — the color of strawberry cream.
• Caramel (#A3885B): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#2C7865): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#344164): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Mallow Villa color palette (#F4F4FF, #C6A0DB, #B07E71, #656F3C, #084C4F)
• Timeworn Amber Delta color palette (#FFF1F1, #FBB2DA, #BE9144, #277B64, #472F44)
• Aged Petal color palette (#F8F2FF, #E3CAE2, #B59FA9, #748D8D, #33505A)
• Softworn Apricot color palette (#FFF0F8, #D99167, #678D50, #00697E, #402C5A)
• Timeworn Chapel color palette (#F7F3FC, #B687A5, #945E6B, #006158, #58354C)
• Muted Blush color palette (#F6EEFA, #D17F9A, #625260, #3C353F, #232027)
• Blush Dune color palette (#FCF0FF, #F85D87, #907400, #006455, #082774)
• Muted Taupe Alley color palette (#FBF1FF, #F8B4B7, #CA857A, #9F6857, #624454)

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