Tempered Stone color palette — #EFF7F7 · #D5DBE3 · #BAB2C2 · #8AC4AC · #4C5455

A conversation between Mint Leaf and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D5DBE3): bright and airy, almost weightless.
• Ash (#BAB2C2): A luminous, dusty violet — the color of twilight just after sunset.
• Mint Leaf (#8AC4AC): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4C5455): 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

• Washed Workshop color palette (#EEF7F9, #D4DBEA, #BBA9B0, #00BCB5, #2B444A)
• Stone Cabin color palette (#FEF1F6, #C4E8D1, #A5C08A, #83A0A7, #415247)
• Aged Driftwood color palette (#EFF3EC, #D0D9D7, #A4B0B6, #778A67, #343731)
• Lilac Loft color palette (#EBF9F5, #B9D197, #AC9EDE, #9F824E, #314935)
• Hushed Aqua Veranda color palette (#E6F5FA, #3FCDD5, #697E92, #46585E, #1D2323)
• Sky Workshop color palette (#FFF0FC, #9CE3BD, #68B8E8, #AE7E77, #314D53)
• Softworn Workshop color palette (#DCE5E7, #99A1AD, #8788B0, #007463, #010C0E)
• Seafoam Loft color palette (#E9F9FC, #DEFFBE, #67FFF1, #BCC2FF, #2B4858)

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