Cocoa Field color palette — #E7DED8 · #BCB1A6 · #9B8B6E · #6D2F00 · #150700

Rust and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#E7DED8): bright and airy, almost weightless.
• Stone (#BCB1A6): soft and architectural.
• Caramel (#9B8B6E): A luminous, dusty gold — the color of honey in a jar.
• Rust (#6D2F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#150700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Wandering Bronze color palette (#ECE3D8, #A89F8E, #8D7B32, #4C2F00, #080300)
• Cocoa Courtyard color palette (#E3DDE0, #B0BDB1, #76968B, #752902, #2A1924)
• Antique Market color palette (#F6EBE9, #C0AFA9, #A08878, #7F003D, #150605)
• Muted Chestnut color palette (#F6F1E9, #DAD3C2, #A4B288, #755500, #231806)
• Chalky Forest color palette (#EEE6D3, #708046, #145200, #530700, #060900)
• Weathered Onyx color palette (#F2E6DB, #8A7D52, #455A34, #023053, #100F34)
• Pale Canyon color palette (#FAE9D6, #E36C55, #B17200, #596200, #080400)
• Timeworn Studio color palette (#F5EDE0, #974F00, #463B00, #00222F, #0A0400)

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