Cocoa Coast color palette — #FFECDB · #7B3F00 · #004071 · #351800 · #000612

A conversation between Bronze and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFECDB): A whisper-light, dusty gold — the color of old brass.
• Bronze (#7B3F00): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#004071): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#351800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000612): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Nightshade Veranda color palette (#ECE3D8, #6E4800, #16299E, #2E1C00, #010024)
• Terracotta Lagoon color palette (#ECDBD2, #932000, #00474F, #400800, #000709)
• Shadow Chestnut Orchard color palette (#E4DFCE, #835200, #242E34, #161500, #030300)
• Smoked Basalt Drift color palette (#FBE6CA, #553900, #003756, #151C3B, #030100)
• Worn Bronze color palette (#F0E3D6, #985700, #005E8B, #532D00, #00070F)
• Hushed Bronze Ridge color palette (#DAF0D8, #AC6F00, #007AA9, #754A00, #00070D)
• Linen Sapphire Alley color palette (#ECDCC2, #9F7800, #3A63C4, #5D4500, #092163)
• Muted Study color palette (#E0DDF0, #4F57FF, #7E5E00, #0E0F07, #030100)

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