Tempered Stone color palette — #F2F5FF · #D5BFF5 · #D69EBF · #9E8D68 · #41552C

Mauve takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#D5BFF5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#D69EBF): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#9E8D68): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#41552C): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Timeworn Mallow color palette (#F3E7FF, #FEADEB, #D5A1A7, #788B64, #275440)
• Tempered Pier color palette (#E7F5FF, #C2B8EF, #B4848D, #7B762C, #42542C)
• Tempered Shell Thicket color palette (#FFF1F1, #FFD6C8, #CDBAAB, #97A18E, #46564A)
• Muted Blush color palette (#F3EBFA, #D088B9, #AF727B, #686011, #202B0F)
• Rust Quarry color palette (#F9DFF5, #C67996, #AD5847, #315F40, #001F1C)
• Blush Harbor color palette (#FCE1F4, #FF98AD, #D98157, #498B6D, #004142)
• Linen Lime Bloom color palette (#FFF1F4, #F8C4FF, #51D761, #B653C6, #13461A)
• Tempered Courtyard color palette (#FEF5DD, #C3DA84, #80B671, #638EAE, #3C3B34)

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