Cocoa Studio color palette — #D3E3D2 · #583700 · #331E00 · #00130B · #030004

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

The five colors

• Celadon Mist (#D3E3D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Cocoa (#583700): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#331E00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#00130B): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Charred Mulberry Archive color palette (#E9EDD1, #90047E, #4C2000, #001722, #060001)
• Smoked Basin color palette (#F3E4EF, #7F1100, #510700, #00170B, #030004)
• Misty Station color palette (#FAE7FF, #A73873, #700C00, #231200, #030200)
• Velvet Garnet color palette (#E7DBEF, #740043, #142D00, #001012, #02000C)
• Softworn Brick Field color palette (#FEDFD5, #AC002F, #643900, #00303B, #070001)
• Worn Fern color palette (#E2F3EB, #5C5C00, #484800, #002836, #0C000A)
• Smoked Station color palette (#E2E0F0, #56006C, #002821, #1F0029, #030005)
• Softworn Bronze color palette (#E1FAE1, #956300, #5E5700, #003B61, #1D0313)

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