Cocoa Archive color palette — #FBF4EC · #ECD6B5 · #D3AE89 · #A78C78 · #5B4400

Bronze and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Wheat (#ECD6B5): A whisper-light, dusty gold — the color of old brass.
• Sand (#D3AE89): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A78C78): A luminous, dusty gold — the color of old brass.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

One click turns Cocoa Archive 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 Vanilla color palette (#FFF1F6, #FEEDBC, #CCA685, #887284, #32443E)
• Amber Basin color palette (#F5E4DA, #E4B798, #DC8362, #A76461, #342F2A)
• Patina Apricot color palette (#FDF0FD, #9DC5FF, #ECA376, #9D9D6D, #443944)
• Patina Veranda color palette (#FBEDD4, #D2CB7B, #C89D00, #AA7221, #323A11)
• Driftwood Station color palette (#FBEEF2, #ADC2AE, #9E7683, #6C4E5B, #213024)
• Rust Meadow color palette (#FBE6D7, #CE904A, #C05D00, #8F3D2B, #201300)
• Weathered Bronze color palette (#EADECE, #967F2A, #7F5700, #5F3200, #050300)
• Antique Moss Basin color palette (#EFE6D0, #AFB975, #A18F15, #886412, #1A2A06)

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