Cocoa Garden color palette — #FFF2EA · #B88169 · #907C51 · #546734 · #602E00

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Caramel (#B88169): A luminous, dusty orange — the color of toasted spice.
• Mocha (#907C51): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Olive (#546734): A full-bodied, dusty green — the color of a quiet forest floor.
• Cocoa (#602E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Wandering Balcony color palette (#FFF2EC, #BF7A62, #5E6B36, #225941, #41313A)
• Wandering Fern color palette (#FFF1F4, #DBAABA, #A77065, #775121, #4D4900)
• Wandering Driftwood Lantern color palette (#FFF2F0, #BB7994, #4C8D80, #346A60, #4A3836)
• Ash Courtyard color palette (#FBF5E0, #C497BA, #976C53, #2E5F7D, #59413D)
• Bronze Thicket color palette (#FFF3E8, #B86B2F, #227E8F, #005E6C, #38322D)
• Ancient Villa color palette (#FCF2F4, #D5B3D8, #82804D, #875A8C, #302E27)
• Muted Driftwood Pier color palette (#FCF3F1, #DEDAD3, #A4AFAA, #A17380, #5A504E)
• Antique Lagoon color palette (#FFF1F2, #C99ABA, #91A46F, #278B83, #4F3537)

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