Cocoa Garden color palette — #FFF2EA · #DEDDCC · #AEE4B7 · #D5A49E · #6F4200

Bronze takes the lead with Mint close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#DEDDCC): A whisper-light, dusty green — the color of fresh herbs.
• Mint (#AEE4B7): A whisper-light, balanced green — the color of fresh herbs.
• Rosewood Mist (#D5A49E): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6F4200): A full-bodied, balanced gold — the color of old brass.

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

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 Vanilla color palette (#FFF1F1, #F2EDB5, #E1DAD0, #D1A1AE, #5D4942)
• Antique Balcony color palette (#FFF3E2, #C7F9D4, #96E0E6, #D1AE97, #584800)
• Tempered Market color palette (#FDF5DE, #C2DAA6, #B2B07C, #9A8465, #3A4200)
• Chartreuse Studio color palette (#FFF3E8, #FFE892, #9FE98A, #DD8273, #4A3908)
• Washed Seafoam color palette (#E9DCEF, #0AF0D0, #FFB28B, #5C5550, #302823)
• Soft Jade color palette (#F4DFC1, #A4B569, #00B388, #99491F, #0D0C00)
• Celadon Corridor color palette (#FFF4DA, #BBF4A1, #68E3D4, #B98E55, #36352E)
• Sand Delta color palette (#FEF4E5, #F3D187, #AE905A, #67625C, #292012)

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