Cocoa Pier color palette — #EDDDEC · #C78CAB · #896861 · #704400 · #322206

Bronze and Dusty Rose set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#EDDDEC): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#C78CAB): A luminous, balanced rose — the color of a warm blush.
• Pewter (#896861): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#704400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322206): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Softworn Cocoa Lagoon color palette (#E4E5FE, #AFA0CF, #8B6D92, #70321A, #382110)
• Weathered Loft color palette (#F9D9CE, #BB9580, #9B6734, #5A5100, #2D2F17)
• Ancient Chestnut color palette (#FFE7E5, #E4A8AF, #A17F6F, #765607, #3A3831)
• Feathered Ember color palette (#F4E4E4, #E6684F, #915532, #454709, #122501)
• Ancient Petal color palette (#FFF0F7, #F6BCE5, #BD9486, #5F7157, #2E3D27)
• Antique Coast color palette (#E4E2FF, #B1A1C9, #816983, #4B5E38, #1B4C4E)
• Ancient Terracotta Delta color palette (#FBD6DE, #A05253, #632E19, #2A2600, #070C00)
• Weathered Stone color palette (#C3EEE1, #BEAAD4, #AB8982, #507053, #325035)

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