Cocoa Garden color palette — #FEF4E5 · #FFD1BD · #B89F69 · #447C89 · #5D3400

Cocoa and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FEF4E5): A whisper-light, dusty gold — the color of old brass.
• Peach Cream (#FFD1BD): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#B89F69): A luminous, dusty gold — the color of honey in a jar.
• Slate (#447C89): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5D3400): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Worn Taupe color palette (#FFF4E2, #FFCDDD, #D0907D, #4B7F6A, #4F3934)
• Cocoa Terrace color palette (#FFF4E2, #F9C0B9, #C1AB7F, #768BBA, #6D3803)
• Antique Ridge color palette (#FFF2E9, #FFBA90, #79A973, #42718A, #4F2C35)
• Washed Thicket color palette (#FFF4E2, #F5DB89, #8DAE76, #846881, #413F38)
• Washed Basalt color palette (#FAF4EB, #C2E2CC, #A3B68C, #9A7F76, #554500)
• Antique Forest Delta color palette (#EAFAEE, #C4A07C, #897542, #166947, #3C4D3C)
• Hushed Stone Parlor color palette (#FFF3E8, #DDDECA, #B9C8A9, #789086, #5D4B59)
• Marigold Canyon color palette (#FFF4DE, #FFAA43, #908A00, #005F89, #362400)

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