Dusty Cocoa Field color palette — #FFF2EB · #DEDACC · #E1B6A3 · #A6BAD5 · #774112
A conversation between Bronze and Sand, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Bone (#DEDACC): a clean, paper-quiet neutral.
- Sand (#E1B6A3): A luminous, dusty orange — the color of toasted spice.
- Ash (#A6BAD5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Bronze (#774112): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
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 Taupe color palette (#FFF0FD, #E8D8D7, #BDBDCA, #C0A78B, #5B4954)
- Wandering Chestnut Study color palette (#FFF2ED, #BDFFE6, #E0DCCE, #C396AD, #7B4317)
- Ancient Cocoa Ridge color palette (#FDEEEA, #DFDCC7, #B8CBA9, #A87C80, #632D00)
- Periwinkle Summit color palette (#FFF2EE, #EEA0AB, #74ABEF, #9083B9, #433132)
- Wandering Balcony color palette (#FCF5E0, #C7F6D1, #98E2C8, #BDAB6F, #504F47)
- Patina Stone Study color palette (#F6F6E9, #ABD093, #6DC5DB, #739FC6, #3D3E37)
- Antique Studio color palette (#FFF3E7, #DFDEC0, #FCD650, #EA9160, #45403A)
- Tempered Bronze color palette (#FBF4ED, #F4D9B6, #C29461, #906227, #322A21)
Browse the whole catalog at Explore, or see today's palette.