Cocoa Studio color palette — #DBF9D2 · #97C6CB · #6991A9 · #824237 · #392A00

Coffee and Honeydew set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DBF9D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#97C6CB): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#6991A9): A luminous, dusty blue — the color of deep harbor water.
• Coffee (#824237): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#392A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Muted Mulberry color palette (#DAFFEA, #AED3A9, #529E95, #91405E, #3C1B07)
• Timeworn Station color palette (#D5FFFA, #AAC6DD, #7E7AB6, #635417, #262F05)
• Ash Meadow color palette (#DAFDFD, #BFE4F0, #82A0CB, #825A3E, #194034)
• Timeworn Turquoise Basin color palette (#D1EDE2, #3FABCA, #536695, #703C05, #37352E)
• Timeworn Cocoa Harbor color palette (#D1F4EB, #7EB9C6, #5D709F, #613F07, #111600)
• Weathered Periwinkle Harbor color palette (#DFF6E9, #93B9D8, #7499E0, #8C638D, #51292A)
• Muted Denim Dune color palette (#D7F7F1, #57A4C4, #4F529C, #433200, #040E00)
• Aubergine Dune color palette (#D7EEFF, #6E7BB4, #64356D, #142000, #000504)

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