Cocoa Garden color palette — #F3DDC6 · #998448 · #6E4200 · #3E1100 · #010100

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F3DDC6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#998448): A luminous, balanced green — the color of a quiet forest floor.
• Bronze (#6E4200): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3E1100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#010100): a grounded near-black with real depth.

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

• Timeworn Chestnut Station color palette (#F6E1CD, #B0975F, #895000, #5A1800, #040400)
• Olive Lantern color palette (#EAE3D3, #697B39, #453C00, #1C0F00, #000200)
• Antique Bronze color palette (#FFF3E4, #CBBD65, #A57300, #793900, #141C00)
• Garnet Loft color palette (#F2E1F2, #CF6589, #9A001C, #341500, #020100)
• Sunlit Archive color palette (#FFF2EB, #D4A981, #B15B37, #830C29, #1A1100)
• Wandering Mulberry Meadow color palette (#F4DCDC, #9C257D, #564F00, #002F2B, #040002)
• Weathered Magenta color palette (#F9E4E7, #C062CB, #664700, #62006C, #020100)
• Hushed Mulberry color palette (#FFF2EB, #F3C69F, #CC795A, #9C3947, #352500)

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