Cocoa Ridge color palette — #EEDDCF · #7C4100 · #35463E · #1B1900 · #050200

Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#EEDDCF): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#7C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#35463E): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#1B1900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Velvet Balcony color palette (#F5E8CF, #554300, #19231C, #021200, #030100)
• Patina Bronze color palette (#F2E0CE, #9A5800, #452D00, #1A1C13, #0E0500)
• Deep Mulberry Canyon color palette (#FCDAD1, #9B003A, #333C30, #291100, #090001)
• Olive Pier color palette (#E7E8D5, #347200, #435052, #002B26, #0A0A00)
• Hazy Bronze color palette (#F2DCD4, #B16E00, #664D00, #2F3500, #011D02)
• Washed Emerald color palette (#E4E6D7, #40A851, #395539, #2D2F28, #1A1811)
• Taupe Ridge color palette (#F9F0E5, #BB9452, #615A05, #3C3731, #26201D)
• Grape Alley color palette (#FCEED6, #845F00, #8100BD, #7A0061, #0C0600)

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