Cocoa Field color palette — #FFF0FC · #EAD3D5 · #D5BAC5 · #BA9A94 · #7C3D26
Bronze takes the lead with Taupe close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Silver (#EAD3D5): A whisper-light, dusty red — the color of a theater curtain.
- Stone (#D5BAC5): A luminous, dusty rose — the color of a warm blush.
- Taupe (#BA9A94): A luminous, dusty orange — the color of toasted spice.
- Bronze (#7C3D26): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, 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
- Antique Cocoa Lantern color palette (#FFD2E2, #DDB9C0, #BF94AE, #AD755E, #613900)
- Patina Loft color palette (#E5FCE9, #C8DFDD, #A5C9BD, #AF939D, #60474B)
- Softworn Balcony color palette (#F5E8F6, #C39798, #A97082, #835425, #322300)
- Antique Bronze color palette (#EDFAE4, #C1DDCD, #BB9FB2, #9D7636, #595100)
- Linen Coral color palette (#ECD9DF, #E7ADB2, #DD7D66, #857400, #40470B)
- Washed Driftwood Balcony color palette (#E4FAFF, #D7DCE8, #C4BDD6, #758E77, #40544E)
- Hushed Fern Villa color palette (#F6F6EB, #DCE2C2, #B0BB96, #8EA27E, #4C5301)
- Powder Workshop color palette (#E7F4FF, #A9C3E6, #8F9BB7, #6F667A, #413745)
Browse the whole catalog at Explore, or see today's palette.