Cocoa Garden color palette — #FEF3E9 · #EAD6B6 · #CCB095 · #AC8976 · #574600

Built around Deep Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Wheat (#EAD6B6): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#CCB095): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#AC8976): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

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

• Taupe Courtyard color palette (#FFF1F5, #B9D3B9, #BA8D9C, #896A78, #3C4C3F)
• Washed Taupe Hollow color palette (#F7E3D8, #DDBA9B, #CB8C78, #A1676D, #34302A)
• Powder Orchard color palette (#FDF1FD, #96C6FF, #C9B487, #AB976E, #463747)
• Marigold Balcony color palette (#FDECD1, #CECD7A, #C69D38, #A97141, #2A3C14)
• Timeworn Dune color palette (#F1E9D8, #ACB97B, #9F8E46, #8C6128, #0F2C09)
• Timeworn Driftwood color palette (#FEEDF2, #A4C5AC, #A27A52, #6C4D61, #213029)
• Sunlit Bronze color palette (#FFE5D2, #C59558, #BA6025, #903B39, #1F1400)
• Softworn Mallow Garden color palette (#FEF1F3, #D6A5DE, #D58A93, #88955B, #21362F)

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