Cocoa Ridge color palette — #FFEEE2 · #CBA37C · #956A50 · #753917 · #2B2112

Bronze takes the lead with Camel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Cream (#FFEEE2): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#CBA37C): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#956A50): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#753917): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2B2112): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Wandering Bronze color palette (#FBF0E1, #C5BC8A, #A27B3B, #7A4C0E, #2F2C1F)
• Aged Amber Harbor color palette (#EEDDCE, #C08D48, #875834, #433C38, #211602)
• Washed Bronze color palette (#FFF0F8, #95B092, #976549, #704441, #294433)
• Moss Market color palette (#F4E9C6, #95AB54, #746E00, #554000, #0D2202)
• Wandering Stone color palette (#FFF0F7, #DDB594, #AF856B, #7F5D72, #4C363D)
• Washed Bronze Workshop color palette (#F9E1C7, #906B00, #603A00, #3B1700, #080500)
• Antique Mustard color palette (#EEF4E7, #D2AE5F, #26624B, #202C0E, #090F03)
• Hushed Hollow color palette (#ECF6E4, #009D7E, #936091, #783F3F, #141E0A)

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