Cocoa Field color palette — #FDF4E7 · #FFD1C2 · #C39875 · #5F7D46 · #623000

Bronze takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Shell Pink (#FFD1C2): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#C39875): A luminous, dusty gold — the color of honey in a jar.
• Olive (#5F7D46): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#623000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

Use it as a design system

One click turns Cocoa Field 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

• Muted Bronze Thicket color palette (#FFF3E9, #FFCCE1, #CC8F94, #8A6E2D, #523733)
• Coral Garden color palette (#FFF1F5, #DF9081, #9B6A4C, #366357, #53424D)
• Weathered Dune color palette (#FDF4E2, #FBBCD0, #DB9F75, #6492AF, #57423B)
• Antique Harbor color palette (#FFF4E0, #D39341, #816800, #004C33, #1B1000)
• Aged Villa color palette (#FFF3E7, #DCDCCA, #C7BCA2, #8A977A, #43543C)
• Ancient Moss color palette (#FCF5E4, #D9CD8F, #899B56, #007270, #34322B)
• Muted Chestnut color palette (#FFF2EB, #E29A82, #7A4613, #352820, #140E0B)
• Sunlit Grove color palette (#FFF3E2, #FFA861, #AE7B00, #006B32, #3C2100)

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