Cocoa Ridge color palette — #EDDDC2 · #5E4900 · #3A3000 · #110F00 · #010100
Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#EDDDC2): A whisper-light, dusty gold — the color of old brass.
- Bronze (#5E4900): A full-bodied, balanced gold — the color of old brass.
- Espresso (#3A3000): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#110F00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Cellar Corridor color palette (#E6DFC7, #524F00, #004449, #212000, #000102)
- Cellar Cocoa color palette (#FFEAE6, #852E00, #461B00, #230C00, #030100)
- Patina Harbor color palette (#EEE7C8, #789260, #1E7631, #363200, #010200)
- Moss Summit color palette (#ECEBD3, #858900, #505E00, #283900, #0A1600)
- Nocturne Forest Lantern color palette (#FEE8CA, #006C70, #0E640F, #020D09, #010100)
- Mustard Hollow color palette (#F3E7C6, #BAA000, #716B00, #4C4F00, #242D00)
- Emerald Terrace color palette (#DDF8E8, #00A072, #006C58, #004138, #002320)
- Aged Lagoon color palette (#CAEABD, #87BC82, #499059, #005932, #003020)
Browse the whole catalog at Explore, or see today's palette.