Cocoa Garden color palette — #FFF3E8 · #BFA181 · #926846 · #78411E · #543600

Built around Bronze, softened by Cocoa — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#BFA181): A luminous, dusty gold — the color of old brass.
• Walnut (#926846): A full-bodied, dusty gold — the color of old brass.
• Bronze (#78411E): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#543600): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Garnet Drift color palette (#FFEADC, #C88E68, #A54B18, #842000, #4E2C08)
• Timeworn Olive Loft color palette (#FAF5E4, #AFA885, #767639, #5D5214, #3E3D36)
• Aged Pier color palette (#FFF1F6, #F2C89A, #CEA37E, #A67E66, #334234)
• Faded Hollow color palette (#F4DAB3, #AA8A1A, #755500, #543500, #302900)
• Hushed Basin color palette (#F8F6E8, #798A37, #A05769, #87361E, #34332C)
• Antique Amber color palette (#FFF1F6, #A8C7AC, #BE7F4A, #7F5C76, #2D4337)
• Hushed Pier color palette (#EBE0D5, #875F00, #4F3100, #2D1500, #110A00)
• Weathered Orchard color palette (#F2F7EC, #ABB581, #155F47, #003826, #0D2217)

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