Cocoa Pier color palette — #D0EDFF · #879CCA · #755E99 · #793E00 · #4F3D00

Bronze takes the lead with Slate close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Frost (#D0EDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#879CCA): A luminous, dusty violet — the color of wild irises.
• Slate (#755E99): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#793E00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4F3D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Airy Pier color palette (#E0E7FF, #AB92D0, #8C4F84, #644B00, #344A0F)
• Faded Cobalt Chapel color palette (#C1EEF2, #72A9C6, #5669B3, #7E2B2D, #572D00)
• Aged Grape color palette (#D9EEEB, #4A9BD2, #7B46B0, #474C00, #202300)
• Aged Parlor color palette (#EEF6FF, #BBC5DD, #928FA9, #8A6874, #345242)
• Terracotta Parlor color palette (#E6DEF0, #A4759A, #89444F, #374306, #003621)
• Misty Sky color palette (#CBE6DF, #47BDF2, #8C72C0, #557113, #334701)
• Sunlit Bronze color palette (#CDE3F2, #A4BAFF, #A896D0, #AC6E3C, #4D3B00)
• Grape Thicket color palette (#DBE4FF, #7F70E4, #747500, #5100CA, #303000)

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