Cocoa Field color palette — #F4ECF0 · #D9C6CE · #AF9AA0 · #853D15 · #362A30

Bronze takes the lead with Taupe close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F4ECF0): a clean, paper-quiet neutral.
• Oat (#D9C6CE): A whisper-light, dusty rose — the color of pressed rose petals.
• Taupe (#AF9AA0): A luminous, dusty rose — the color of pressed rose petals.
• Bronze (#853D15): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#362A30): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Washed Terracotta Villa color palette (#EEE6EB, #D5C7CC, #98A99A, #8C3607, #1D1119)
• Worn Chestnut Hollow color palette (#FCF2F6, #E5D5D2, #A5BAA7, #855833, #44363C)
• Ancient Driftwood color palette (#EFF8F4, #D0DDDE, #A9ACB8, #688B7D, #4D5451)
• Aged Basalt Grove color palette (#E4EFE7, #94B1A2, #618979, #443600, #05180D)
• Ember Field color palette (#F4ECF1, #CAD9D5, #A3C2C3, #E06A47, #382833)
• Tempered Olive Canyon color palette (#EAF9F6, #C2E1EB, #A3C3C3, #50773A, #344340)
• Hushed Moss color palette (#D1ECDD, #8D9239, #4B5D00, #553516, #0B3024)
• Chalky Amber color palette (#FFEFF4, #FF9054, #D67C00, #866A00, #382200)

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