Cocoa Field color palette — #D7E5D7 · #7DA38C · #825C21 · #662A00 · #001E15

A conversation between Rust and Walnut, giving this palette its sense of nature and growth.

The five colors

• Parchment (#D7E5D7): A whisper-light, dusty green — the color of fresh herbs.
• Eucalyptus (#7DA38C): A luminous, dusty teal — the color of sea glass.
• Walnut (#825C21): A full-bodied, balanced gold — the color of old brass.
• Rust (#662A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#001E15): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Garnet Loft color palette (#ECDBE5, #B39171, #915136, #6F1927, #001F0A)
• Washed Canyon color palette (#E8F6ED, #93B4A8, #807547, #694309, #022925)
• Tempered Chestnut Villa color palette (#D1E6D8, #868C4D, #675300, #482800, #051200)
• Chestnut Villa color palette (#DFECDF, #AD935D, #835B11, #623902, #1C3727)
• Chestnut Orchard color palette (#FFF3E4, #DDC39C, #AB8142, #7D4B0A, #2C1F05)
• Chestnut Loft color palette (#FAEEF3, #ADC1AF, #9F7587, #794A40, #1A3226)
• Shadow Fern color palette (#CCF1DF, #506B2D, #3B3800, #221500, #000200)
• Terracotta Harbor color palette (#E0E9FE, #696ABD, #A24222, #3D4A00, #070E27)

Browse the whole catalog at Explore, or see today's palette.