Cocoa Garden color palette — #FFF3E5 · #B5A585 · #896D47 · #784213 · #3F3D36

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B5A585): A luminous, dusty gold — the color of old brass.
• Walnut (#896D47): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#784213): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

• Tempered Cocoa color palette (#F4E6D1, #9F9961, #7B5E29, #66360F, #31312A)
• Chestnut Bloom color palette (#FEF3E5, #CEBB9E, #A78A61, #8B5E2E, #403D36)
• Patina Chapel color palette (#EFE6D7, #767B3B, #554300, #3C2000, #0A1B00)
• Cerulean Quarry color palette (#E2FDF1, #318BB4, #8F6919, #006341, #1B3A2E)
• Obsidian Station color palette (#F6DAC6, #7D4D00, #4A1C00, #280003, #050300)
• Antique Workshop color palette (#FAF2FA, #CCA776, #3C5176, #3E233C, #27151B)
• Washed Plum Dune color palette (#FBF2FA, #95AFDE, #9E517A, #3C5E9D, #301F1F)
• Garnet Study color palette (#EEF3FF, #B29EE0, #94619F, #7B3058, #741329)

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