Tempered Grove color palette — #FFF0FE · #DC9D92 · #B3745A · #845631 · #64434F

Caramel takes the lead with Coffee close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#DC9D92): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B3745A): A luminous, balanced orange — the color of autumn markets.
• Coffee (#845631): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#64434F): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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 Veranda color palette (#FFF0FA, #D6A081, #A77447, #80612E, #365540)
• Washed Field color palette (#F6F3FF, #D79FC1, #B16D87, #8A4F58, #634B60)
• Weathered Bronze color palette (#FFF0F8, #DAA180, #65A1C1, #9E613C, #355164)
• Aged Apricot color palette (#FFF2ED, #FFC5BA, #F29976, #BB855F, #544E48)
• Tempered Driftwood Study color palette (#FFF1F6, #EBC39C, #A47A51, #704721, #4D3110)
• Amber Drift color palette (#FFF1F7, #C28A5E, #4D9A89, #7B6D9B, #4F3C44)
• Dusty Boulevard color palette (#FFF1F7, #C3EAF1, #9FD6D9, #9F8198, #59464D)
• Misty Hollow color palette (#FEE7D6, #CA9140, #856500, #574C00, #1B3F18)

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