Cocoa Field color palette — #ECDDCC · #C8BC79 · #739D51 · #823600 · #332600

Rust and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#ECDDCC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#C8BC79): A luminous, balanced green — the color of new leaves after rain.
• Moss (#739D51): A luminous, balanced green — the color of fresh herbs.
• Rust (#823600): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#332600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, 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

• Aged Lagoon Field color palette (#EDE0B5, #98BD78, #009B6D, #6E4A00, #242B00)
• Wandering Atelier color palette (#F8DFD2, #E0A66C, #A7912A, #950029, #361500)
• Timeworn Study color palette (#F7D6E3, #D2C286, #00BB92, #A4424D, #0C2D16)
• Garnet Alley color palette (#FCECE0, #BDBA70, #009B76, #810626, #120C00)
• Tempered Boulevard color palette (#FFF5D3, #B6DE8C, #09BD7B, #765600, #323C00)
• Hushed Bronze color palette (#EADDD1, #936F30, #653900, #451800, #1C1500)
• Muted Lagoon color palette (#EFEEDF, #6CAA7E, #00756E, #383100, #021600)
• Ancient Fern Coast color palette (#F8F6E7, #D1E7D1, #A9D0BD, #9A8C5A, #5A5300)

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