Cocoa Field color palette — #FDF3EE · #E0B790 · #844D43 · #5E2500 · #29241D

Built around Espresso, softened by Coffee — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Sand (#E0B790): A luminous, dusty gold — the color of old brass.
• Coffee (#844D43): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5E2500): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#29241D): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Muted Meadow color palette (#FBF3EE, #EEB091, #987831, #985C3C, #312D27)
• Taupe Corridor color palette (#FCF3F0, #E3E1B6, #C88B94, #896258, #362723)
• Mustard Market color palette (#FCF4E7, #CCAA5C, #634E11, #312D27, #1A1B0D)
• Timeworn Driftwood Terrace color palette (#FAF2F9, #B8DCBF, #91718D, #5D435A, #312830)
• Softworn Dune color palette (#FFF2EC, #CC705D, #6D6F38, #663E49, #412E2B)
• Dusty Amber Courtyard color palette (#EDDACA, #BA7F00, #522A00, #251000, #070500)
• Patina Mustard Ridge color palette (#FFF3E6, #DDB476, #967E3E, #686028, #4D4D12)
• Obsidian Field color palette (#F4E6C7, #856800, #1F2A2D, #231D00, #060400)

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