Cocoa Ridge color palette — #EADCD0 · #B19D66 · #986435 · #7B342D · #2B2400

Rust takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#EADCD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B19D66): A luminous, dusty green — the color of new leaves after rain.
• Ochre (#986435): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#7B342D): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#2B2400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Dusty Bronze Study color palette (#F4E5D4, #B8AF7A, #A17743, #804A3B, #31312A)
• Aged Rust Basin color palette (#FFD3BF, #D3983C, #BE520C, #931D3C, #2E2A00)
• Faded Atelier color palette (#F0E1CB, #8D9156, #7C5A00, #642A00, #031C00)
• Misty Terrace color palette (#FFF1F6, #CCAF62, #AC6100, #732C27, #001710)
• Bronze Atelier color palette (#FCF4E5, #B8C499, #9E8E5D, #8F5C28, #3A4200)
• Bronze Summit color palette (#F8EBDE, #816E00, #623B00, #470A00, #020400)
• Hushed Olive Archive color palette (#C7E7D6, #008EB2, #777700, #575600, #001E29)
• Antique Denim Ridge color palette (#E8D8E7, #D7935E, #1E539C, #10284B, #150415)

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