Cocoa Field color palette — #F7ECE5 · #D6CABC · #A9A087 · #843E17 · #392A20

Built around Bronze, softened by Taupe — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F7ECE5): bright and airy, almost weightless.
• Oat (#D6CABC): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A9A087): A luminous, dusty green — the color of fresh herbs.
• Bronze (#843E17): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#392A20): A deep, shadowed, dusty gold — the color of old brass.

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

• Timeworn Lantern color palette (#F9F5EB, #D4D4C0, #A1AC8D, #665B00, #35332C)
• Weathered Chestnut color palette (#EEE7EA, #D6C7CC, #99A899, #843F00, #201018)
• Wandering Lagoon color palette (#F5EDE6, #E2D5C9, #C5B5A1, #AE5600, #382B21)
• Driftwood Bloom color palette (#EFE7DA, #ADAA97, #7B8641, #453500, #1A1205)
• Aged Harbor color palette (#F2E1DA, #A89361, #6E6E25, #424168, #4D2E41)
• Forest Balcony color palette (#EDE4D0, #7D9655, #0F6535, #5A2C3F, #2D2A06)
• Patina Amber Lantern color palette (#F3ECF0, #CAD9D4, #97CAC8, #D1774C, #382831)
• Rust Summit color palette (#F0DBBB, #C54A03, #584D00, #1A247D, #371D00)

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