Cocoa Field color palette — #FEF3E9 · #EDD5B5 · #CCB095 · #AA8B75 · #5C4300

A conversation between Bronze and Wheat, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Wheat (#EDD5B5): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#CCB095): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#AA8B75): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: 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

• Driftwood Harbor color palette (#FFF1F6, #CDEAE6, #CBA687, #A06A62, #2B463D)
• Patina Seafoam Study color palette (#EEF9EB, #7DD5CA, #D0A7CB, #BF8A82, #354131)
• Tempered Taupe Atelier color palette (#EFE8D1, #B9C997, #A2A266, #8B7841, #30312A)
• Bronze Basin color palette (#FFE7D7, #C9925D, #BA6029, #8B4134, #201300)
• Antique Thicket color palette (#FEECF3, #A6C5A9, #A17A56, #6A4E5E, #233027)
• Timeworn Bronze Bloom color palette (#F5E1C9, #997D2A, #815600, #613000, #040300)
• Linen Amber color palette (#F5DAAB, #CEB851, #BE8A00, #A25E00, #2A2C00)
• Patina Parlor color palette (#FFDCCF, #DAD8FF, #38F5C6, #5C6753, #343731)

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