Cocoa Garden color palette — #FDF4E5 · #F3C79B · #BDAD82 · #639A7D · #633F00

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

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#F3C79B): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BDAD82): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#639A7D): A luminous, dusty teal — the color of sea glass.
• Bronze (#633F00): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Cocoa Studio color palette (#FFF3E7, #FEBDBC, #D89F88, #968C63, #703416)
• Softworn Fern Study color palette (#F9F5EA, #E5DEC1, #BDB78E, #A99685, #5C4C00)
• Wandering Cocoa Field color palette (#FEF4E3, #ECAC99, #9E9265, #81637F, #693B00)
• Weathered Cobalt Workshop color palette (#ECFAED, #FFD0C7, #B5A06C, #646DA9, #4F3743)
• Dusty Villa color palette (#F9F0E6, #DCAD71, #997532, #5C5349, #26201B)
• Chartreuse Studio color palette (#FBF5DF, #B3D586, #7CB487, #368EA8, #3D3E37)
• Worn Mustard color palette (#FFF4DE, #EFB707, #A5A328, #008E7C, #413400)
• Turquoise Alley color palette (#F4F6EF, #CBE4E3, #A5D3BF, #68AFBB, #305247)

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