Tempered Stone color palette — #FBF2F9 · #D0DDFF · #E4A789 · #95A9DE · #332C28

Sand and Mauve set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Powder Blue (#D0DDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sand (#E4A789): A luminous, balanced orange — the color of toasted spice.
• Mauve (#95A9DE): A luminous, balanced violet — the color of a velvet chair.
• Espresso (#332C28): quiet, heavy and certain.

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

• Patina Mustard color palette (#FCF2F5, #F0D0FF, #C0BB6F, #BE9BCF, #302E27)
• Mallow Archive color palette (#EEF8F3, #AFE8FF, #D9A2D2, #72B6D0, #38292B)
• Timeworn Oat color palette (#FFF1F2, #DED2DA, #DEC697, #C1AE97, #543B39)
• Iris Market color palette (#F3F5FD, #D1C9FF, #C6869B, #8D82BD, #312B34)
• Hushed Powder color palette (#FFF0F8, #C6BDFF, #BDA868, #52948E, #344930)
• Antique Powder color palette (#F0F9E4, #CBCAFF, #D39DAB, #7D9470, #554247)
• Chalky Lilac color palette (#FFF0F7, #D0C6FF, #E89000, #A080FF, #2A1904)
• Wandering Cocoa Study color palette (#F1F5FF, #EAD0FF, #DEA5CD, #B97777, #683411)

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