Cocoa Field color palette — #FFEFF9 · #EFCEDD · #CBAFDA · #A58379 · #7C411E
A conversation between Bronze and Lavender, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FFEFF9): A whisper-light, dusty pink — the color of neon signs at night.
- Silver (#EFCEDD): A whisper-light, dusty rose — the color of pressed rose petals.
- Lavender (#CBAFDA): A luminous, dusty violet — the color of twilight just after sunset.
- Caramel (#A58379): A luminous, dusty orange — the color of toasted spice.
- Bronze (#7C411E): A full-bodied, balanced orange — the color of autumn markets.
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 Cabin color palette (#FFECED, #EACAC6, #D9A99B, #A89173, #644A00)
- Oat Boulevard color palette (#DFFEED, #ADE0CF, #C8ACC7, #A98C91, #6D4B4B)
- Timeworn Peony Villa color palette (#F4E6FF, #D7A9D9, #DD6DAE, #A95F39, #5D3700)
- Timeworn Bronze color palette (#DEFEEC, #D4B7CE, #B88C96, #81752B, #4E5000)
- Worn Plum color palette (#F4D9F5, #A37794, #A24665, #693E15, #180E00)
- Worn Stone color palette (#ECF7FF, #DCD8E5, #C5A2C3, #647D72, #3D594E)
- Fern Pier color palette (#CCF0D3, #C6ABC3, #97787E, #6A6213, #33322B)
- Aged Terrace color palette (#FFE7F7, #C8C7FF, #B29CFF, #9175C0, #64414E)
Browse the whole catalog at Explore, or see today's palette.