Cocoa Garden color palette — #FDEFE3 · #CBA37C · #926B50 · #723C0B · #2D2010

Bronze and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FDEFE3): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#CBA37C): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#926B50): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#723C0B): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2D2010): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Bronze Harbor color palette (#F9F1DF, #B4AE71, #847436, #504B45, #29220B)
• Rust Coast color palette (#FFE3D2, #DB8958, #A64D27, #6B2E23, #2D1600)
• Washed Bronze color palette (#FFF1F7, #C49AA7, #956647, #724436, #2B4431)
• Driftwood Thicket color palette (#FFF2E9, #D3BA91, #B18469, #875D50, #3F3D36)
• Wandering Pier color palette (#F8DDC8, #B07847, #843F00, #521F06, #180B00)
• Ancient Bronze Dune color palette (#E8DED3, #916A00, #5C3C00, #351C00, #090400)
• Washed Courtyard color palette (#E9F5EF, #90C389, #0F5D78, #0E2E21, #021009)
• Tempered Lilac Villa color palette (#F0F0FF, #B6A1EC, #8A68A9, #5C326D, #37023B)

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