Cocoa Field color palette — #FAF4ED · #EBDCBE · #B0BC8B · #AA91A6 · #634800

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

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Bone (#EBDCBE): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B0BC8B): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#AA91A6): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Aged Fern color palette (#F7F5ED, #DAE3BD, #7EC6B3, #84A292, #495304)
• Weathered Garden color palette (#FFF1F6, #E4D8D3, #CDA9C4, #9DB3A0, #5F4D51)
• Muted Lilac Atelier color palette (#FFF1F6, #DCCAFF, #ABD693, #B399E0, #4D4E46)
• Clover Studio color palette (#FFF4E1, #CBD787, #6DBB63, #877EC2, #393E11)
• Weathered Taupe Courtyard color palette (#EEF8F2, #B0DDCB, #93A278, #5F858B, #3D534A)
• Lagoon Study color palette (#EBF5ED, #ACCCBB, #5C8F7F, #4E6573, #22362C)
• Ancient Dune color palette (#ECE4D1, #A8C684, #44A76C, #7D6B98, #202E0A)
• Softworn Mallow color palette (#FFF1F4, #F2D6FF, #D69FE4, #9676A6, #502B33)

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