Cocoa Coast color palette — #FCF4E4 · #FFBCC3 · #C3AC72 · #718EB2 · #6E360B

Bronze and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FCF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Ballet Pink (#FFBCC3): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#C3AC72): A luminous, balanced gold — the color of old brass.
• Slate Blue (#718EB2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Bronze (#6E360B): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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 Sand Summit color palette (#FFF3E5, #FFC09C, #A1B785, #A18097, #614000)
• Mallow Grove color palette (#F6F7E4, #F1B9F9, #D59F8E, #72967B, #554241)
• Ancient Sand color palette (#FFF2EE, #F5D7B4, #C6C5A4, #A89AA5, #554853)
• Washed Olive Chapel color palette (#FEF3E5, #FFD2B5, #BA9D71, #6E7934, #5C3500)
• Weathered Shell Atelier color palette (#FFF2EB, #FFB294, #71B4D0, #639281, #55374E)
• Ancient Apricot Harbor color palette (#EBFAED, #FBA586, #AA8E5A, #417883, #55414A)
• Lime Pier color palette (#FFF3E3, #FFA78A, #A4B01A, #536AC5, #4C2D05)
• Honey Parlor color palette (#FFF2EA, #E9C359, #66B896, #8B78A1, #3F3D36)

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