Cocoa Garden color palette — #FFF1F6 · #C0AE6B · #74440F · #402430 · #231817

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#C0AE6B): A luminous, balanced green — the color of a quiet forest floor.
• Bronze (#74440F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#402430): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#231817): a grounded near-black with real depth.

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

• Aged Garnet color palette (#FAF2FD, #A1B97A, #7B384D, #36273C, #23151C)
• Antique Boulevard color palette (#E9FAF1, #D2A664, #595305, #153527, #0A1E1E)
• Ancient Dune color palette (#FDF2F5, #E59C51, #048265, #865214, #12282A)
• Patina Bronze Archive color palette (#F0F8EF, #DEBF8D, #8E6A3F, #583C19, #1C241B)
• Timeworn Amber color palette (#FCF4EB, #E6D4A1, #BA8A57, #845827, #2B1F13)
• Amber Atelier color palette (#D1EDD9, #BB8800, #483900, #221900, #000F0D)
• Amber Coast color palette (#DBF4F5, #DD8042, #005039, #002729, #00111A)
• Mustard Loft color palette (#FFE8DA, #C3B151, #558640, #005B3F, #004248)

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