Cocoa Studio color palette — #E2F6E0 · #6C3600 · #232500 · #0F0028 · #020100

Bronze takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E2F6E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#6C3600): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#232500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0F0028): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.

Use it as a design system

One click turns Cocoa Studio 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 Courtyard color palette (#DCF3E4, #5C4700, #252600, #00110E, #010300)
• Deep Garnet color palette (#CBEAD0, #811525, #311F00, #010034, #030000)
• Moonless Garnet Thicket color palette (#F6DCEE, #6D1700, #00251D, #100019, #040001)
• Onyx Boulevard color palette (#F6ECE0, #944E00, #3B4200, #230059, #060300)
• Smoked Atelier color palette (#FAE7F2, #455F00, #003731, #2B0018, #000200)
• Lowlit Terrace color palette (#F7DBC9, #426951, #1D431F, #25052F, #070008)
• Misty Rust color palette (#D8E4DA, #CE522B, #765200, #0E4C04, #010100)
• Muted Emerald Meadow color palette (#FFE5DB, #409600, #005E5F, #5F002D, #00170B)

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