Cocoa Field color palette — #ECF9F1 · #CAE2FF · #F2BFA0 · #58A6BF · #693800

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

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Powder Blue (#CAE2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sand (#F2BFA0): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#58A6BF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Bronze (#693800): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged 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

• Azure Harbor color palette (#E7FAF5, #D7DBF8, #E1CA8A, #639FD7, #49463F)
• Hushed Parlor color palette (#EDF9EB, #AAF7EE, #F8B5D4, #4AACA4, #623938)
• Muted Stone color palette (#E9FAEF, #ECD6D2, #A4CBB9, #ACAAA0, #40564F)
• Misty Orchard color palette (#FFF1F5, #E1C7FF, #CDBC62, #9A78BE, #413805)
• Tempered Bronze Summit color palette (#FCF4E9, #D7E2C5, #C2AA88, #A56A3F, #414300)
• Muted Powder Atelier color palette (#DCFEF3, #DBD8E5, #87B3DB, #376C8A, #003329)
• Antique Meadow color palette (#EBF7FF, #6FBBDB, #CF835C, #107EA1, #624254)
• Driftwood Loft color palette (#FBF2F9, #CAE9D3, #997A95, #533E50, #211820)

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