Washed Cocoa Field color palette — #FFF2EE · #E1D8D0 · #97BCB3 · #BE938C · #7D3F25
A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E1D8D0): a clean, paper-quiet neutral.
- Ash (#97BCB3): A luminous, dusty teal — the color of sea glass.
- Taupe (#BE938C): A luminous, dusty orange — the color of toasted spice.
- Bronze (#7D3F25): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Washed 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 Cocoa Boulevard color palette (#FFF3E2, #D8EFBC, #B4D6B1, #B4987A, #5E4200)
- Worn Bronze Cabin color palette (#FFF3E6, #E0C69F, #B19678, #9B6833, #5F4200)
- Mallow Meadow color palette (#FCF1FE, #CEEED6, #E9D5D9, #E0AACB, #5C4B5C)
- Apricot Orchard color palette (#FFF3E8, #E59653, #7EA977, #936B8B, #423C37)
- Softworn Cocoa Studio color palette (#FDF3EC, #F3C995, #9D725B, #733E0A, #332922)
- Feathered Mustard Loft color palette (#F5DCC0, #DDB973, #B39F29, #904F1C, #321E00)
- Coral Market color palette (#F0DBD3, #F87E5B, #BD6925, #7C2135, #250300)
- Ancient Sand Grove color palette (#FAF4ED, #FFC482, #9AA25D, #A9855C, #2F2E27)
Browse the whole catalog at Explore, or see today's palette.