Tempered Stone color palette — #E5FBF3 · #ACBA6A · #CA8DC0 · #B27A88 · #344740

Built around Sage, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#E5FBF3): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#ACBA6A): A luminous, balanced green — the color of new leaves after rain.
• Mauve (#CA8DC0): A luminous, balanced pink — the color of neon signs at night.
• Dusty Rose (#B27A88): A luminous, dusty red — the color of a theater curtain.
• Charcoal (#344740): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Coral Dune color palette (#E1FBFC, #6AC6A1, #E18888, #B57E5D, #2B484A)
• Worn Pier color palette (#F7F7DF, #B8D89D, #C8ADE9, #B992C0, #393932)
• Worn Apricot color palette (#FFF1F5, #DFA463, #A09AE4, #A080AA, #4F3C43)
• Patina Teal Basin color palette (#E7F9FD, #53BFB6, #A190CA, #A36A58, #2E4145)
• Taupe Harbor color palette (#EBF9F3, #CBD9F1, #AFA2B3, #B59674, #415553)
• Taupe Balcony color palette (#FDF1F7, #B4D5B7, #BF9074, #846A84, #384D44)
• Dusty Moss Courtyard color palette (#F7F7DF, #7CA760, #5F8CC4, #9A666A, #43433C)
• Frosted Plum color palette (#BFEFF0, #33C58F, #BB6B45, #C14458, #003334)

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