Cocoa Field color palette — #FCEDF5 · #AEC1AF · #99778A · #77494E · #1A3227

Coffee takes the lead with Driftwood close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Blush (#FCEDF5): bright and airy, almost weightless.
• Stone (#AEC1AF): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#99778A): A luminous, dusty pink — the color of peonies in June.
• Coffee (#77494E): A full-bodied, dusty red — the color of a theater curtain.
• Deep Forest (#1A3227): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Ancient Cocoa color palette (#FCEDF5, #99B496, #986854, #6E3A44, #0E291C)
• Dusty Chestnut color palette (#EAF6E9, #A6C4B2, #6F8C6B, #7C483A, #19312B)
• Weathered Study color palette (#FFF0F8, #CDAEB9, #A0755F, #71526A, #3D4C3F)
• Muted Mulberry color palette (#E8F4FB, #51A1B7, #6785AD, #8F4252, #14252E)
• Weathered Cocoa color palette (#FFF2EA, #DFC6A7, #BD907A, #94685C, #594500)
• Muted Cypress Market color palette (#E8F4F6, #DBB6D2, #356D62, #003A31, #061719)
• Powdered Garnet Workshop color palette (#FFDFE9, #AFA159, #945D00, #7B1C00, #152100)
• Cocoa Balcony color palette (#D0E7D7, #73A594, #776224, #602F00, #001D1B)

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