Tempered Grove color palette — #F3F5FC · #DDD7DF · #BAACB1 · #AFA1DA · #454751

Mauve takes the lead with Charcoal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F3F5FC): bright and airy, almost weightless.
• Silver (#DDD7DF): bright and airy, almost weightless.
• Ash (#BAACB1): a calm mid-gray that lets other colors speak.
• Mauve (#AFA1DA): A luminous, balanced violet — the color of wild irises.
• Charcoal (#454751): a grounded near-black with real depth.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Grove 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

• Worn Blush Courtyard color palette (#F7F3FA, #EAD5DF, #D4BDC5, #D689AB, #463B4D)
• Dusty Atelier color palette (#FFF0FA, #E4B2F3, #D08BB8, #A77556, #3F3854)
• Weathered Balcony color palette (#E5E1F8, #D28CDD, #736B81, #4A4756, #171720)
• Washed Studio color palette (#F7EFF2, #E4D5D2, #CCB9B4, #7A6AA2, #32292D)
• Patina Teal Dune color palette (#EBF8F7, #B0DFE0, #74BDA8, #7A94A6, #2B4849)
• Mulberry Harbor color palette (#E8E3EE, #AE9AA6, #97808B, #8E4577, #0C0614)
• Weathered Villa color palette (#E6DEE5, #CEBABD, #B89FA0, #BD615C, #261B25)
• Weathered Periwinkle Balcony color palette (#F2F5FC, #DBD8E0, #BBADB5, #9FA7E1, #44484F)

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