Cocoa Studio color palette — #E7F6ED · #85B8A9 · #7F7549 · #664322 · #032928

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#85B8A9): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#7F7549): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#664322): A full-bodied, dusty gold — the color of old brass.
• Onyx (#032928): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Washed Cocoa Veranda color palette (#FFECF3, #BBAA7F, #906C50, #6B3D3A, #0F2820)
• Muted Chestnut Cabin color palette (#EAFAF0, #8DB0A2, #7C7343, #684C11, #1F453D)
• Softworn Summit color palette (#D2E6DB, #70A599, #6F6618, #553710, #001D1D)
• Ancient Delta color palette (#FBF5E7, #C3C098, #9B905A, #8A5E34, #374300)
• Garnet Hollow color palette (#F3E1D7, #B0853C, #904000, #6A001E, #141300)
• Lilac Ridge color palette (#F2F0FF, #A66DB3, #946D28, #6D4B00, #1B162C)
• Chalky Garnet color palette (#DFE7FF, #C4A0DD, #A56689, #772A2A, #3C1A00)
• Ancient Station color palette (#EEF2FA, #A5AFE9, #A46050, #555DA3, #180714)

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