Cocoa Field color palette — #FFF0FC · #E5D9E1 · #CC9DBF · #9E5B6A · #6C2F05

Rust takes the lead with Mocha close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#E5D9E1): bright and airy, almost weightless.
• Mauve (#CC9DBF): A luminous, dusty pink — the color of peonies in June.
• Mocha (#9E5B6A): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#6C2F05): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Worn Drift color palette (#F3F4FF, #D9D3FE, #D8A2C6, #C06D8A, #7C2B31)
• Wandering Cabin color palette (#F9F2FF, #E9D8D6, #E7A4A1, #9D6A48, #4B4100)
• Raspberry Field color palette (#F5F3FF, #E99FE1, #C74A71, #6E2400, #1C1200)
• Hushed Pewter Canyon color palette (#DCFFEA, #E2DDE7, #B5ADE1, #906496, #5F253F)
• Driftwood Lantern color palette (#FFECF3, #D0ABD7, #AF6795, #814055, #4E141A)
• Aged Mallow Garden color palette (#FFF1F2, #D597C7, #7F4027, #362627, #140D10)
• Coral Basin color palette (#F9F2FF, #F5AAD9, #CE7475, #804000, #2B2000)
• Weathered Taupe Canyon color palette (#F1F9E4, #D3DBFF, #C78FA7, #637B58, #4D3840)

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