Tempered Cocoa Ridge color palette — #FCF3ED · #E4CEAB · #9C735E · #733D0C · #36281E

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Wheat (#E4CEAB): A whisper-light, dusty gold — the color of old brass.
• Mocha (#9C735E): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#733D0C): A full-bodied, balanced gold — the color of old brass.
• Espresso (#36281E): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Driftwood Station color palette (#FFF1F8, #CEE1CF, #A77A63, #533F4A, #21181D)
• Washed Orchard color palette (#FCF3EE, #C2C497, #844E3C, #5B2800, #2A251C)
• Timeworn Olive color palette (#F8F5EA, #D6C297, #717733, #424705, #252215)
• Softworn Lantern color palette (#F9F4EF, #E9CBAF, #8EA56F, #BC7B3D, #2F2E27)
• Amber Workshop color palette (#EFEADB, #B48B29, #4D4600, #1F1B00, #040200)
• Dusty Bronze color palette (#EDE0D4, #926E13, #442100, #1B1F16, #0D0400)
• Muted Bloom color palette (#FAF2F8, #E3E2AC, #C19184, #7A6674, #32282F)
• Petrol Terrace color palette (#FCF4E8, #CFBC8A, #849B6F, #4F6FA4, #584500)

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