Cocoa Coast color palette — #FFF2EC · #DFDCCD · #DEBFA7 · #B7BCC7 · #724102

Bronze and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFDCCD): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#DEBFA7): A whisper-light, dusty gold — the color of honey in a jar.
• Ash (#B7BCC7): a calm mid-gray that lets other colors speak.
• Bronze (#724102): 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

• Petal Courtyard color palette (#FFF0FA, #C6E8EC, #E9C0D9, #ADB7D4, #5D4A51)
• Patina Fern color palette (#FFF4DB, #C2F6E0, #A2DAE8, #D3AE8C, #584C00)
• Tempered Dune color palette (#FCF5E2, #D2E1B3, #C4B58F, #A08F79, #474D00)
• Feathered Mustard color palette (#FDF4E6, #EBBA51, #9EB6E8, #8499C6, #523700)
• Softworn Chapel color palette (#FBEDF5, #D1EBBE, #E7D3D1, #B67674, #4A343D)
• Tempered Glacier color palette (#F3DAFF, #89EFFF, #FFC4AF, #8E532C, #3F3630)
• Bronze Parlor color palette (#FAF4ED, #F2DCA9, #B49978, #8E6325, #312A21)
• Pale Moss Quarry color palette (#FAE3D4, #D4A65F, #83A231, #9C4851, #170700)

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