Tempered Grove color palette — #FEF1FB · #DED3D9 · #D2B6D4 · #A8A99D · #5D4E59

Lavender takes the lead with Charcoal Brown close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FEF1FB): a clean, paper-quiet neutral.
• Silver (#DED3D9): bright and airy, almost weightless.
• Lavender (#D2B6D4): A luminous, dusty pink — the color of peonies in June.
• Taupe (#A8A99D): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#5D4E59): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Dusty Stone color palette (#E1FDF2, #BEE4EA, #D9CAC0, #9ABFAC, #42534E)
• Shell Grove color palette (#FFF1F5, #FFD2E0, #FBB3B8, #A595C5, #55373F)
• Wandering Delta color palette (#E7F6F0, #E5D2C9, #CABA90, #579EA8, #483341)
• Ancient Cocoa Courtyard color palette (#FFF2EB, #FDCEB4, #D3AD95, #A68C7F, #693B00)
• Muted Mallow Station color palette (#FFF1F6, #CBB4FD, #E3A3A1, #67A4B7, #47383E)
• Washed Taupe color palette (#FDF2F5, #FFD2C5, #BC909C, #7E656C, #34272B)
• Lilac Market color palette (#E4E8FF, #A99BFF, #AD84D3, #4263A4, #1D0415)
• Washed Blush Boulevard color palette (#F6E0DF, #FF9BBC, #FB7985, #A75C9F, #2B091A)

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