Cocoa Ridge color palette — #F7D7C4 · #763F00 · #3C2100 · #1D1000 · #020100

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

The five colors

• Peach Cream (#F7D7C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#763F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3C2100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1D1000): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Deep Aubergine Thicket color palette (#DEF7DD, #674400, #680059, #2C1A00, #040003)
• Charred Terracotta Courtyard color palette (#FEDFDC, #971100, #4F1100, #240900, #030100)
• Smoked Coast color palette (#F7EDCB, #795F00, #352900, #111813, #090600)
• Worn Moss Corridor color palette (#EDE2C9, #9E923A, #627326, #412A00, #050300)
• Cellar Onyx color palette (#F5F0E2, #4A3900, #003C20, #480007, #020100)
• Quiet Amber color palette (#F4DABE, #D58F00, #916500, #5A4500, #292100)
• Worn Harbor color palette (#E0F2D2, #36A700, #00711D, #004522, #001D10)
• Aged Market color palette (#CDFEF6, #8EC296, #55956E, #2B6950, #053E43)

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