Cocoa Field color palette — #FBF4E9 · #E8D8B2 · #C7B38F · #9F8F79 · #574600

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Wheat (#E8D8B2): A whisper-light, dusty gold — the color of old brass.
• Sand (#C7B38F): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#9F8F79): A luminous, dusty gold — the color of old brass.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

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

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

• Chestnut Courtyard color palette (#F9F1E3, #C1BCA1, #928158, #7E4917, #2C2E1D)
• Wandering Studio color palette (#ECF9EF, #BEE5E3, #98B7A0, #946E7A, #30443D)
• Ancient Apricot color palette (#FFEADD, #FFB489, #E48864, #A96E62, #3A342F)
• Parchment Hollow color palette (#F1F7EF, #D5E6B4, #8CA786, #60735C, #272E25)
• Aqua Canyon color palette (#EBF9F1, #6FD2F1, #C2A9E5, #85A47D, #314238)
• Worn Moss color palette (#ECE1C8, #9C9300, #806D00, #604900, #0B0C00)
• Amber Corridor color palette (#FFE0C7, #DEA371, #C77842, #905D48, #341F04)
• Muted Lime color palette (#EBDEB4, #B3C33D, #9E9A00, #837100, #222E00)

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