Cocoa Field color palette — #FFF2EE · #CEFEDA · #E0DBCE · #C7A7C9 · #7C4020

Built around Bronze, softened by Honeydew — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Honeydew (#CEFEDA): A whisper-light, dusty teal — the color of shallow lagoons.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Mauve (#C7A7C9): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#7C4020): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Wandering Cocoa color palette (#FFF3E8, #C5E2CD, #BBBCC6, #D4A391, #664800)
• Worn Cocoa color palette (#FFE9DF, #D5D2DF, #A298A0, #663200, #2B2521)
• Dusty Villa color palette (#FFF2ED, #C7FEE4, #DFDECD, #C5759B, #5A391A)
• Worn Driftwood color palette (#FFEEE5, #DED6C6, #B0C29A, #B57058, #5E2B00)
• Dusty Cocoa Chapel color palette (#FAF4EF, #BDF3D8, #A97A5C, #693800, #221912)
• Dusty Chartreuse color palette (#FFEED2, #AEDD79, #00B6B0, #862C00, #050400)
• Patina Chapel color palette (#FAF4EC, #DFB879, #00A9AA, #865683, #292014)
• Teal Cabin color palette (#FCF4E9, #E2BD84, #5EC2B9, #8B76AC, #35312B)

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