Cocoa Coast color palette — #FFF2EB · #DFDBCC · #DDB197 · #AFAFBB · #713E05

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDBCC): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#DDB197): A luminous, dusty gold — the color of afternoon light on wheat.
• Ash (#AFAFBB): a calm mid-gray that lets other colors speak.
• Bronze (#713E05): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Cocoa Coast 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

• Patina Chestnut color palette (#FFF3E4, #D8F6C3, #A2D5C0, #D3B096, #674A00)
• Hushed Study color palette (#FDF5DE, #CBD7A7, #B4AF79, #998563, #414000)
• Taupe Orchard color palette (#FFF0FB, #D0FBED, #A5DDCF, #CF919F, #513744)
• Seafoam Villa color palette (#FFF4DE, #E4FFB0, #94F1B8, #D9A155, #424039)
• Weathered Studio color palette (#FEECF5, #E8D0CE, #E7C58C, #B1715D, #432634)
• Sand Field color palette (#FEF3E5, #F7D07B, #AE8F60, #825A18, #272018)
• Antique Mustard Harbor color palette (#FEF4E3, #E8AF00, #70B6E4, #9585BD, #36322C)
• Seafoam Delta color palette (#E4DCF3, #14F1C0, #FFB758, #615B55, #312A22)

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