Cocoa Ridge color palette — #E1F2E0 · #603D00 · #3D3F33 · #150D00 · #000400

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#E1F2E0): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#603D00): A deep, shadowed, balanced gold — the color of old brass.
• Charcoal (#3D3F33): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#150D00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Fern Study color palette (#D5F0E7, #3E4C00, #191E26, #051300, #000403)
• Tempered Chestnut color palette (#F8E4CD, #845500, #364542, #2B2400, #110700)
• Inked Cocoa Alley color palette (#F4D4E7, #772800, #3C3B34, #1C0900, #090005)
• Tempered Bronze Corridor color palette (#FDE5EC, #A86900, #404706, #2C1800, #050004)
• Patina Fern Bloom color palette (#E5EAC6, #5A6000, #005B4F, #642900, #111300)
• Tempered Chapel color palette (#E2F8EF, #788529, #2B423D, #1E2C27, #0E1717)
• Muted Olive Studio color palette (#E3E6C9, #707300, #006570, #3B3C00, #001F23)
• Smoked Drift color palette (#CAECEC, #00764E, #002C30, #021718, #010507)

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