Cocoa Pier color palette — #D5E9DE · #005B75 · #653900 · #3E2100 · #000204

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

The five colors

• Honeydew (#D5E9DE): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#005B75): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#653900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3E2100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000204): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

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

• Ancient Denim color palette (#F4E6F6, #005398, #4E4600, #2F2900, #000206)
• Washed Mulberry color palette (#E1EBDF, #00605B, #770068, #332700, #000202)
• Powdered Garnet color palette (#CAEFE0, #00597F, #810D2D, #520018, #000204)
• Obsidian Garnet Terrace color palette (#D7EFFE, #005570, #730027, #161B00, #000102)
• Brick Delta color palette (#C6ECDC, #0076A3, #B8001C, #5D4000, #000204)
• Muted Summit color palette (#F5E5EC, #641FB6, #584100, #362600, #03000B)
• Weathered Aubergine color palette (#DEE9CD, #006B98, #5B007F, #182400, #000019)
• Washed Bloom color palette (#F9D6E3, #8648C8, #865400, #5E3900, #130522)

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