Tempered Grove color palette — #FAF3F7 · #E2B4A6 · #5A5787 · #4B2E3F · #2F2122

A conversation between Graphite and Sand, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Sand (#E2B4A6): A luminous, dusty orange — the color of sun-warmed clay.
• Graphite (#5A5787): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4B2E3F): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#2F2122): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Softworn Pewter Villa color palette (#FAF3F5, #CCB6DE, #A56780, #805A9D, #3B2827)
• Muted Lantern color palette (#F2F5FE, #FFD1D0, #9D98C3, #666C82, #292B33)
• Ancient Garnet Corridor color palette (#FFF2F0, #D5A185, #7A3852, #461F2E, #28180C)
• Cobalt Balcony color palette (#F2F5FD, #D0D7A5, #7079AD, #424D65, #272B34)
• Tempered Aubergine color palette (#FFF1F5, #E08576, #5E3076, #380F4A, #2B111A)
• Hushed Chestnut Market color palette (#FEF3E9, #C798AD, #A2626A, #725400, #5A403D)
• Softworn Mulberry Canyon color palette (#FFF1F3, #D8ACC8, #AC738D, #903958, #772635)
• Dusty Driftwood color palette (#FBF3F4, #E0D8D5, #ADAEA1, #9871A2, #5C4E51)

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