Cocoa Pier color palette — #CCE7ED · #006058 · #603C00 · #2E2A00 · #000202

Bronze takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#CCE7ED): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#2E2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Denim Terrace color palette (#DCEFFD, #005476, #483B00, #1F1800, #000103)
• Dusty Atelier color palette (#F6EBFA, #990049, #564200, #252D00, #060001)
• Frosted Garnet Bloom color palette (#D8F6ED, #435D00, #84002C, #471800, #000202)
• Airy Cornflower Workshop color palette (#E6DCE7, #2381DF, #833400, #4F4700, #000206)
• Inked Aubergine color palette (#DEDCF2, #7F009D, #7A2300, #392400, #040007)
• Worn Market color palette (#E5EAFF, #7A3FE8, #B2103A, #004B56, #080926)
• Orchid Parlor color palette (#DFD9F8, #B155B9, #B94A00, #6E4B00, #1D1432)
• Gentle Canyon color palette (#FFDBD2, #EB3E00, #718100, #006A34, #3E0A00)

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