Cocoa Ridge color palette — #EEDED6 · #842900 · #194800 · #3A0D00 · #000200

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

The five colors

• Parchment (#EEDED6): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#842900): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#194800): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#3A0D00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Cocoa Harbor color palette (#F0DCC1, #664500, #004738, #2B1B00, #000201)
• Velvet Onyx Grove color palette (#F2D9D0, #672100, #353300, #400037, #030000)
• Hushed Alley color palette (#FDE5F6, #922200, #004559, #400A00, #00070C)
• Moonless Garnet Parlor color palette (#EDE2D3, #644600, #6B004D, #2A1B00, #040002)
• Lowlit Drift color palette (#F6E4E2, #870F56, #4A3900, #3D0023, #020100)
• Dusty Fern color palette (#FBE7F3, #A94613, #226A00, #602100, #010800)
• Rust Drift color palette (#F8E7DD, #B43F00, #00606D, #4D1600, #000102)
• Moonless Hollow color palette (#D5E6EC, #00704E, #5E5200, #090D07, #020100)

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