Cocoa Garden color palette — #FFF1F7 · #C3AD68 · #784110 · #3F2431 · #241716

Bronze and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Camel (#C3AD68): A luminous, balanced green — the color of fresh herbs.
• Bronze (#784110): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3F2431): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#241716): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Tempered Cocoa Canyon color palette (#FCF3EC, #CEC690, #946547, #643500, #2A1F17)
• Marigold Atelier color palette (#EAFAEF, #CEA85F, #61500A, #153623, #0C1F1D)
• Wandering Apricot Pier color palette (#FEF1F6, #E49C5B, #00816E, #8B4E00, #10282B)
• Ancient Hollow color palette (#FCF3EC, #E9D3A5, #BF8758, #7F5A3B, #2D1E10)
• Aged Grove color palette (#D7EBD9, #B78B00, #4E3600, #251800, #00100C)
• Chalky Amber Grove color palette (#DDF4F1, #D28A1E, #0B5118, #052A0A, #021B18)
• Weathered Delta color palette (#FFF1F5, #B56E00, #3B75A8, #2D567B, #412B33)
• Midnight Chestnut Drift color palette (#D9F8E9, #7C5700, #292831, #161500, #030200)

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