Cocoa Field color palette — #FFF1F5 · #E6CBD0 · #D3A8C0 · #AC907C · #6C4000

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Oat (#E6CBD0): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#D3A8C0): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#AC907C): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6C4000): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Wandering Driftwood color palette (#D6FCED, #D2B9CB, #C1969E, #818037, #46563A)
• Gentle Bronze color palette (#F2E6F0, #EDAACA, #D9788E, #AE7011, #493900)
• Chestnut Atelier color palette (#FDE7FB, #B1849F, #A96073, #774400, #261A00)
• Patina Lagoon color palette (#EDF7FF, #DCD7E5, #B4ADCD, #63908A, #334F50)
• Aged Basalt Alley color palette (#F8F6E8, #D9D7B5, #97B78C, #7C997B, #494400)
• Tempered Olive color palette (#FFE3DB, #D2AF93, #AE8F65, #598348, #004322)
• Stone Alley color palette (#EDF0FF, #C0A9D2, #9085AB, #72576A, #432C38)
• Weathered Chestnut color palette (#F8DDDF, #88807C, #955538, #454600, #091400)

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