Tempered Stone color palette — #FFF2F0 · #E1DBCF · #ABB6CD · #CBA59A · #5D4943

Rosewood Mist and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Ash (#ABB6CD): A luminous, dusty violet — the color of wild irises.
• Rosewood Mist (#CBA59A): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#5D4943): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Timeworn Cocoa color palette (#FFF3E7, #DCE5C8, #B1D4B4, #CFA58F, #624700)
• Timeworn Cocoa Lantern color palette (#FFF2EA, #ECB498, #78C6C6, #8797CB, #5F2F00)
• Wandering Villa color palette (#FFF2ED, #E4DCC0, #E1DA73, #D987AB, #4B4440)
• Ancient Mint color palette (#FBF3EF, #FFD3C0, #7ACAA8, #DD9879, #2C2F29)
• Wandering Meadow color palette (#FEF3EC, #E8DFB1, #C29180, #985C36, #332923)
• Parchment Atelier color palette (#FAEDFD, #DBE7B4, #EAD1D5, #9389B0, #433441)
• Muted Garnet color palette (#F8F6E8, #B7C786, #77AF93, #728EBD, #581D02)
• Washed Lagoon color palette (#DEE3FF, #50FCDA, #FFC1C8, #765D57, #352D2B)

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