Tempered Grove color palette — #FCF4E6 · #C1AE80 · #998FCA · #8B6E20 · #624152

Walnut and Blue Fog set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FCF4E6): A whisper-light, dusty gold — the color of old brass.
• Camel (#C1AE80): A luminous, dusty gold — the color of honey in a jar.
• Blue Fog (#998FCA): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#8B6E20): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#624152): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Bronze Archive color palette (#FEF3E7, #CEA87C, #659FCB, #986722, #2E564A)
• Aged Pine color palette (#F5F7E6, #90BE8D, #B686B0, #4D814B, #693F45)
• Aged Moss color palette (#F9F5EA, #CEC597, #ABA9EA, #A08C0D, #614254)
• Hushed Bronze Parlor color palette (#E7F6ED, #94BFA6, #8C99D0, #827200, #23304C)
• Worn Meadow color palette (#FDF5DF, #A29A5C, #8981B8, #85628B, #45423B)
• Fern Courtyard color palette (#FCF4E6, #D3E7D0, #A0D3C5, #A5806A, #574C00)
• Fern Field color palette (#F3F7EC, #DCB89F, #566621, #323E00, #1F2721)
• Hushed Taupe color palette (#E9FAF3, #D1DCA0, #A6C8FF, #A4B06D, #3A4E69)

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