Cocoa Field color palette — #F5F3FF · #DBAFE0 · #A86F89 · #83484B · #70391F

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

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Carnation (#DBAFE0): A luminous, balanced pink — the color of neon signs at night.
• Dusty Rose (#A86F89): A luminous, dusty rose — the color of a warm blush.
• Coffee (#83484B): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#70391F): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Soft Coral color palette (#FFF1F5, #FFCED5, #E1A3C0, #D17080, #7B2D2C)
• Patina Lantern color palette (#F1F5FF, #DBC1F0, #C590AC, #A1605D, #6F3800)
• Powder Orchard color palette (#EDF6FF, #A8B4F4, #8873AF, #764D73, #6C3248)
• Dusty Lilac Lantern color palette (#E7FAF4, #BB95DA, #9C656F, #2C636B, #494555)
• Worn Meadow color palette (#F4F4FC, #E3D7DF, #B6ABA4, #807E9C, #525258)
• Weathered Mallow color palette (#F7F3FF, #E0D5E5, #F3ABD7, #D09181, #4A3E50)
• Blush Garden color palette (#FFCDF2, #ED7397, #AB4029, #623400, #3D2F00)
• Washed Lagoon color palette (#FFECF1, #E58F81, #A7622B, #664B00, #3F3C00)

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