Cocoa Pier color palette — #FFDBEA · #AECEB9 · #82B4B6 · #A87677 · #5D3A1D

A conversation between Cocoa and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFDBEA): A whisper-light, dusty rose — the color of strawberry cream.
• Pistachio (#AECEB9): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#82B4B6): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#A87677): A luminous, dusty red — the color of embers at dusk.
• Cocoa (#5D3A1D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Wandering Cocoa color palette (#D0F2D3, #A7D7CE, #85B0BF, #A77966, #673C29)
• Hushed Grove color palette (#FBD6EB, #A7D0BB, #7CB0B3, #8A7B9F, #463958)
• Muted Workshop color palette (#EAF5DA, #B3C695, #51AD9D, #B95528, #444000)
• Tempered Lagoon color palette (#E7E8C1, #ACB896, #599CA0, #835B66, #613B51)
• Antique Jade Pier color palette (#EBFAED, #C3D0A4, #66B383, #9D7F43, #133E33)
• Dusty Bronze Workshop color palette (#DAEEE2, #91BCBF, #7AA1C2, #877822, #16422D)
• Fern Summit color palette (#D8F5CC, #A5DBCA, #71B2E0, #98813A, #30561C)
• Abyss Studio color palette (#E3FCF3, #C2DFEE, #B7BDD7, #89A090, #3D5845)

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