Cocoa Garden color palette — #FAF5E8 · #B6ECD8 · #AAB584 · #9B7E76 · #554400

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Mint (#B6ECD8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#AAB584): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#9B7E76): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#554400): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

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 Station color palette (#F3F7EA, #B2F7D6, #6FAC9A, #986D30, #2D4000)
• Patina Cocoa Veranda color palette (#FAF4EE, #CAC0A5, #6F8A64, #785C6A, #604A00)
• Wandering Station color palette (#FFF2ED, #F2D5C4, #C6D493, #C58786, #524600)
• Patina Powder Dune color palette (#F5F6EE, #BFDFE4, #97C8E3, #829A78, #405345)
• Patina Driftwood color palette (#EBF5ED, #AECBBD, #7A8A5F, #5B5F7A, #21362D)
• Aged Quarry color palette (#FFF2F0, #EED4CF, #E699A5, #A66E70, #73351C)
• Mustard Hollow color palette (#FFF2EC, #FFB7A8, #CCBB6B, #BB92BB, #3E3733)
• Chalky Lime color palette (#F9F6E0, #9DCC6E, #4A873F, #6F4534, #1B1900)

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