Cocoa Garden color palette — #F8D5E3 · #E3B7C3 · #CA93C0 · #A77F69 · #673700

A conversation between Bronze and Mauve, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#F8D5E3): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#E3B7C3): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#CA93C0): A luminous, balanced pink — the color of neon signs at night.
• Caramel (#A77F69): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#673700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Cocoa Garden 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

• Hushed Cocoa Corridor color palette (#FFF1F5, #F3C0CA, #D3A4A5, #AD917D, #734502)
• Coral Courtyard color palette (#F1DAE8, #F89EC0, #E87983, #926C33, #4D4006)
• Muted Market color palette (#CAEEE4, #B1C5F0, #A6A6DA, #9B6F85, #633A32)
• Softworn Amber color palette (#FFEAE3, #E9A397, #C6825E, #727069, #35352E)
• Softworn Plum color palette (#EDDDEE, #C073A5, #B25379, #764510, #251800)
• Patina Fern Lantern color palette (#CEF2E1, #D5AFCA, #B182AD, #5D6D45, #3D4D00)
• Ash Veranda color palette (#ECF7FF, #C6D1F9, #AC88A9, #467970, #1B403A)
• Driftwood Quarry color palette (#FFE6E0, #BB6F6C, #925239, #544E00, #0D1500)

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