Tempered Cocoa Grove color palette — #FCEFE6 · #D2AB7F · #833F1D · #3D1E06 · #140A04

Bronze and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FCEFE6): bright and airy, almost weightless.
• Camel (#D2AB7F): A luminous, dusty gold — the color of old brass.
• Bronze (#833F1D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3D1E06): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#140A04): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Tempered Chestnut color palette (#F6F1EA, #DABF91, #7A5B2D, #35302A, #19130B)
• Timeworn Garden color palette (#FCF1DA, #CDA118, #5C4A00, #282000, #0C0700)
• Faded Parlor color palette (#FAE8BA, #BCB069, #7F7F00, #475100, #172600)
• Washed Olive color palette (#F9F1DF, #AC9D50, #637417, #00524F, #29220C)
• Amber Harbor color palette (#EAE4D4, #A98A13, #3F3A00, #151200, #020100)
• Softworn Raspberry color palette (#FFEDEB, #BC537D, #006189, #353878, #1E0A0F)
• Softworn Chestnut color palette (#F8F0E9, #D3AC74, #7D4500, #392106, #120B05)
• Softworn Terracotta Market color palette (#FDEEE8, #D5AA83, #8B352D, #401A15, #150905)

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