Deep Cocoa Coast color palette — #FCECDC · #693E00 · #004266 · #1D254B · #020100

Built around Bronze, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#FCECDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#693E00): A full-bodied, balanced gold — the color of old brass.
• Navy (#004266): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#1D254B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Deep 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

• Moonless Navy color palette (#E7F2D9, #3B5300, #004267, #002A67, #010100)
• Lowlit Cocoa color palette (#F0DED4, #753300, #004B2D, #003730, #030100)
• Timeworn Cabin color palette (#EFE4DA, #6F3F00, #004B44, #430070, #0F0500)
• Charred Forest color palette (#D5EAE7, #0C5308, #003F40, #2F003D, #000200)
• Navy Archive color palette (#CCE5D9, #3F3E00, #001094, #270054, #010100)
• Aubergine Cabin color palette (#E9EBD5, #4A4E00, #48009D, #470051, #010100)
• Bronze Corridor color palette (#FCEDDC, #965900, #553000, #190D00, #020100)
• Washed Bronze Quarry color palette (#EBE8D5, #827200, #006E91, #324C7D, #120E00)

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