Cocoa Field color palette — #DFF2D9 · #9EC2AA · #68998C · #735651 · #592500
Espresso and Eucalyptus set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DFF2D9): A whisper-light, dusty green — the color of fresh herbs.
- Stone (#9EC2AA): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#68998C): A luminous, dusty teal — the color of glacier melt.
- Coffee (#735651): A full-bodied, dusty orange — the color of toasted spice.
- Espresso (#592500): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
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
- Chestnut Studio color palette (#DAFCE4, #8ABCAE, #9B768D, #894B2C, #533100)
- Tempered Lantern color palette (#CEF7EF, #9DC5CE, #788BA3, #745B69, #614344)
- Tempered Lagoon color palette (#F1F4E6, #A9BA96, #06877D, #525B11, #212B16)
- Chestnut Dune color palette (#BCEDDC, #96ACD4, #8872A8, #7A461F, #322E28)
- Hushed Pier color palette (#FDF6D5, #C0EEDD, #97B7DF, #A4733C, #6C4000)
- Washed Chestnut color palette (#EFDDF0, #BE98AC, #976C74, #624D26, #322C09)
- Worn Azure color palette (#F6F1E9, #C1E6D3, #3896D0, #006C70, #382339)
- Quiet Amber color palette (#E6F6EF, #4DB0DA, #D16F2D, #006E91, #401C02)
Browse the whole catalog at Explore, or see today's palette.