Dusty Cocoa Field color palette — #FFF2EC · #DEDDC3 · #BBBD99 · #996879 · #763A1C
Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DEDDC3): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#BBBD99): A luminous, dusty green — the color of fresh herbs.
- Mocha (#996879): A full-bodied, dusty rose — the color of a warm blush.
- Bronze (#763A1C): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Dusty 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
- Softworn Workshop color palette (#FEF4E3, #DADCC8, #B3C4B5, #B1887E, #724600)
- Driftwood Orchard color palette (#F2E8CD, #B5B795, #809570, #6F5163, #4A2F35)
- Tempered Bronze Corridor color palette (#FFF3E2, #D7E7BB, #4BB9BA, #985B2E, #573F07)
- Cocoa Villa color palette (#FCEFCE, #BDBB97, #4AA09F, #7B3E18, #2D2800)
- Wandering Workshop color palette (#E1EDCC, #A0AC87, #0C819B, #563900, #131A00)
- Worn Stone color palette (#D7FEEB, #B2DDD5, #85BEC4, #8690B5, #544F65)
- Tempered Forest Studio color palette (#EFDFDB, #9C9567, #00714B, #601F21, #1E0000)
- Weathered Pier color palette (#F7E8D7, #808555, #135E58, #3D0E00, #060200)
Browse the whole catalog at Explore, or see today's palette.