Cocoa Ridge color palette — #D3EED6 · #644600 · #00463C · #2A1B00 · #000201

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

The five colors

• Honeydew (#D3EED6): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#644600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#00463C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#2A1B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

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

• Nocturne Onyx color palette (#F6F0D9, #473A00, #003B25, #480101, #020100)
• Garnet Study color palette (#D2F2E3, #504F00, #720029, #202000, #040001)
• Midnight Garnet Dune color palette (#ECD7E5, #892200, #264500, #3C0900, #000200)
• Fern Field color palette (#DBF7F2, #1C6E03, #7B2D00, #093401, #080100)
• Dusty Denim Veranda color palette (#DAEEDC, #8A6300, #0052A6, #3A2700, #000105)
• Tempered Olive color palette (#D6F1E0, #8E8E36, #537000, #3C2A00, #000402)
• Aged Nightshade Chapel color palette (#F4E9DA, #6C4900, #1029A0, #2E1D00, #010025)
• Bronze Archive color palette (#F0DFC4, #856300, #00675C, #483500, #000806)

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