Cocoa Studio color palette — #F9F4EF · #EBDCBF · #AFBC8F · #AE8FA7 · #624800

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Bone (#EBDCBF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#AFBC8F): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AE8FA7): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#624800): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Weathered Fern color palette (#F7F5EE, #DFE0C8, #AEBC99, #81A48B, #515100)
• Wisteria Alley color palette (#FEF1F5, #F7C5D3, #C3CF8B, #C48FE1, #4F4D46)
• Hushed Jade color palette (#FEF4E3, #CCD59E, #7AB772, #877CC6, #393E15)
• Ancient Mallow color palette (#FFF1F5, #E4D9D3, #D0B9E7, #99B8C9, #61484C)
• Patina Ash color palette (#EDF8F3, #B8DACE, #74A79B, #548791, #3C534B)
• Stone Harbor color palette (#FFF1F5, #D6BBEA, #AFC981, #61B9A3, #553942)
• Stone Terrace color palette (#EDF4EC, #CCC593, #618D81, #596172, #25352D)
• Soft Garden color palette (#EDE4CF, #A8C589, #4FA572, #8166A3, #1D2F02)

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