Tempered Stone color palette — #F7F7E2 · #CBCAFF · #D09CBA · #85916E · #544248

Built around Mauve, softened by Lilac Frost — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
• Lilac Frost (#CBCAFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D09CBA): A luminous, dusty pink — the color of a candy shop window.
• Eucalyptus (#85916E): A luminous, dusty green — the color of new leaves after rain.
• Cocoa (#544248): A full-bodied, dusty rose — the color of a warm blush.

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

• Antique Mallow color palette (#FBF5E2, #F9B8ED, #DA9D91, #5997A1, #574240)
• Oat Balcony color palette (#FBF4EE, #C0E7FC, #DABADB, #8EAB8F, #604B59)
• Ancient Ash color palette (#E3FAFC, #CADEFF, #C190B3, #4B7F6B, #393E52)
• Weathered Quarry color palette (#FFF0FA, #D9AAE4, #B1819F, #866274, #494457)
• Softworn Drift color palette (#FFECF0, #E395EF, #8F7471, #5D5153, #262023)
• Washed Blush color palette (#ECFEC8, #D5ABFF, #EF6B90, #008E7F, #482846)
• Dusty Fern color palette (#F7F6EB, #DAE3B9, #A9BD9D, #AB9397, #495305)
• Wandering Studio color palette (#E7F7EA, #B3A2CE, #996586, #545700, #2C293B)

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