Cocoa Field color palette — #FFF2EA · #DCA484 · #A56347 · #702F21 · #1F0E00

A conversation between Rust and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#DCA484): A luminous, dusty gold — the color of afternoon light on wheat.
• Ochre (#A56347): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#702F21): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1F0E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Dusty Bronze color palette (#FFF4DF, #C0B470, #8F7300, #5C4100, #181200)
• Aged Canyon color palette (#FFF3E9, #E9BE98, #B57A51, #7A4B35, #311C00)
• Aged Veranda color palette (#FDE0C2, #C18F4A, #885000, #4E2500, #060300)
• Muted Brick Studio color palette (#EFDACD, #D0A986, #C2795C, #B03D4D, #322000)
• Terracotta Study color palette (#EED6E5, #B17841, #913100, #591320, #001304)
• Dusty Bronze color palette (#F6EDD6, #9A8525, #614A00, #2F1E00, #010100)
• Hushed Chestnut Coast color palette (#EAFCE2, #008C7C, #864900, #3B3500, #020300)
• Softworn Mint Meadow color palette (#E8FBEF, #97CB8C, #005B6D, #001C24, #000201)

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