Cocoa Ridge color palette — #FEEFE0 · #C1A77A · #966B3D · #723C0A · #2B210C

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

The five colors

• Cream (#FEEFE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C1A77A): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#966B3D): A full-bodied, balanced gold — the color of old brass.
• Bronze (#723C0A): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2B210C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: 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

• Chestnut Thicket color palette (#F6F1E7, #C4BC99, #8E844B, #755003, #2E2D1F)
• Bronze Archive color palette (#FFE3CE, #C79461, #A74E00, #78200F, #281800)
• Wandering Drift color palette (#FFF1F6, #B9A56F, #906947, #62475E, #2D423B)
• Bronze Alley color palette (#F7E4D3, #AB7D2F, #7D4500, #551D00, #150D00)
• Softworn Bronze Atelier color palette (#ECDCC4, #827200, #573F00, #351C00, #050600)
• Rust Villa color palette (#FBECFB, #5087D3, #B4561E, #565511, #231324)
• Sunlit Chestnut color palette (#FAEDF7, #5C77BA, #924600, #2F4400, #021509)
• Denim Coast color palette (#E6F6F2, #CAB078, #2A5884, #062848, #040F0C)

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