Weathered Cocoa Field color palette — #FFF2EB · #DFDACC · #CDBD8A · #9F6F75 · #784311

Bronze and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDACC): bright and airy, almost weightless.
• Sand (#CDBD8A): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#9F6F75): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#784311): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Weathered 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

• Tempered Bronze color palette (#FFF3E2, #D9E8C5, #AFD4AA, #A7763F, #664C00)
• Taupe Harbor color palette (#FFF0FB, #E2FFDF, #D5D7A4, #BA879B, #5F4552)
• Dusty Meadow color palette (#FDF4E0, #A6AD76, #7D733F, #634E28, #433F00)
• Driftwood Garden color palette (#FFEEE6, #DEDBC2, #CDC299, #A16F80, #39281A)
• Chalky Celadon color palette (#FFF5D9, #E3FE87, #7AC780, #99652C, #4B4942)
• Patina Celadon Canyon color palette (#FFF3CD, #B8DC8F, #60A87F, #825A00, #383730)
• Aged Mustard color palette (#F9F4ED, #D3A839, #00835C, #785B00, #202717)
• Dusty Honey Pier color palette (#FFF3E8, #FDC037, #9DA700, #A53D25, #492C00)

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