Cocoa Field color palette — #FFF3E5 · #ABF7FF · #C2E3CD · #DDA5A0 · #5C4500

Bronze takes the lead with Sea Foam close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sea Foam (#ABF7FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Celadon Mist (#C2E3CD): A whisper-light, dusty teal — the color of glacier melt.
• Rosewood Mist (#DDA5A0): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5C4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Dusty Thicket color palette (#FFF2EE, #D5ECA6, #E0DDCE, #CC9CBA, #774112)
• Patina Summit color palette (#FAF7DA, #BDF4F2, #BDD2FA, #DA9B43, #305438)
• Aged Chapel color palette (#FDF4E8, #DDD0AB, #CFA467, #AD7A67, #423F00)
• Wisteria Hollow color palette (#FFF2EA, #F8A172, #C795E8, #C17D57, #38312D)
• Weathered Bronze Lantern color palette (#E8F6EA, #AAE3D6, #8AC8C8, #A26E52, #1E3A2C)
• Faded Tangerine color palette (#FFF5D5, #C3F4B4, #18EBF0, #EA7235, #2D430F)
• Chalky Amber Corridor color palette (#F0F3CB, #8BF7DD, #90CCFF, #B4953B, #32352F)
• Tempered Moss Drift color palette (#F6F6E7, #FEC99C, #7FA25B, #64645C, #232216)

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