Cocoa Field color palette — #EFE3E7 · #AFC0B4 · #7D9990 · #583100 · #040001

Cocoa takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#EFE3E7): bright and airy, almost weightless.
• Stone (#AFC0B4): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#7D9990): A luminous, dusty teal — the color of sea glass.
• Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Parlor color palette (#F7EDE5, #A1998A, #7D7127, #412200, #100702)
• Tempered Fern Workshop color palette (#E0F3EE, #BED5D5, #88AEB6, #3A5800, #000302)
• Washed Pier color palette (#C8E7DB, #498C4C, #004737, #3A000E, #000200)
• Antique Forest color palette (#EBDED5, #8F8244, #1D613B, #2A0A38, #050009)
• Dusty Tangerine Bloom color palette (#D3F0DA, #FF702C, #A27A00, #11610B, #010100)
• Driftwood Corridor color palette (#F0F7F2, #CFE0E2, #AAB5C3, #978A52, #27312B)
• Smoked Atelier color palette (#E6F4E6, #925000, #2E3600, #0C0031, #020100)
• Worn Corridor color palette (#E9E0E5, #B3BEB3, #80998B, #642600, #040002)

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