Cocoa Field color palette — #E6E9CB · #93AC87 · #557B6D · #74453A · #514111
A conversation between Coffee and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E6E9CB): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#93AC87): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#557B6D): A full-bodied, dusty teal — the color of shallow lagoons.
- Coffee (#74453A): A full-bodied, dusty orange — the color of autumn markets.
- Deep Olive (#514111): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
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
- Hushed Delta color palette (#D8F0CE, #87B198, #656F99, #724900, #403F00)
- Chestnut Loft color palette (#EEF6DC, #A9BDAB, #628F83, #83511A, #3F5006)
- Patina Fern Parlor color palette (#FDF3EA, #A99978, #5D6932, #145842, #38352F)
- Muted Cerulean Cabin color palette (#CCEBD6, #84BAD6, #5E90C0, #765F82, #52383C)
- Worn Denim Pier color palette (#D6E5DC, #569291, #255783, #5B2500, #2E2700)
- Timeworn Grove color palette (#ECFAEC, #B9D5C8, #A48797, #896A24, #4F5605)
- Glacier Dune color palette (#C0F0F2, #83DAE3, #8EABCD, #9F7E90, #593B4D)
- Patina Fern color palette (#D4F3E5, #A0879F, #745C8E, #4B4D00, #004733)
Browse the whole catalog at Explore, or see today's palette.