Tempered Stone color palette — #EFF7F5 · #DED5D1 · #8EC1B4 · #A4A79B · #4C5552

Built around Mint Leaf, softened by Taupe — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#DED5D1): bright and airy, almost weightless.
• Mint Leaf (#8EC1B4): A luminous, dusty teal — the color of shallow lagoons.
• Taupe (#A4A79B): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#4C5552): 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

• Stone Veranda color palette (#F9F3F9, #E3D7D9, #CBC3B9, #BDA5BD, #514B51)
• Antique Cocoa color palette (#FAF4ED, #E9DDBF, #A9BE92, #AE90A4, #5F4A00)
• Cerulean Cabin color palette (#EDF2F8, #D7D5DD, #B4AAB1, #6B85A3, #31373D)
• Hushed Lagoon color palette (#E6FBF2, #EED7E4, #DAB0B5, #999B85, #495911)
• Aged Lilac Basin color palette (#F9F6E4, #A3D7FF, #B6A3DB, #889260, #51424F)
• Weathered Denim Boulevard color palette (#E5DEE5, #AD9B9C, #A88077, #2E61AF, #100510)
• Peony Balcony color palette (#FFF1F2, #E6D6C9, #E1BD9C, #D46DBE, #422C2E)
• Wandering Powder color palette (#FBEDF6, #A6B0FB, #93707A, #5E4F59, #1C2421)

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