Cocoa Pier color palette — #FFF2EC · #DFDBCD · #BFD0A0 · #A78076 · #733E0A

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFDBCD): bright and airy, almost weightless.
• Pistachio (#BFD0A0): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#A78076): A luminous, dusty orange — the color of toasted spice.
• Bronze (#733E0A): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Worn Terrace color palette (#FFF1F1, #E2D8D0, #A6B89F, #9F777F, #5E4A46)
• Fern Pier color palette (#FCF5E1, #C3F8D9, #93D6B3, #9B7F55, #5F5000)
• Sunlit Mustard Boulevard color palette (#FFF3E9, #E1E4B6, #BCC561, #A65646, #59401B)
• Weathered Moss Courtyard color palette (#FFF0DF, #D7BE72, #8DAC56, #914B2C, #39352F)
• Garnet Coast color palette (#FADDCF, #B8803D, #7F7400, #610012, #190900)
• Tempered Bronze color palette (#F8F4EF, #D7BD8A, #538D58, #8B6600, #2D2F28)
• Chalky Emerald color palette (#EADFCB, #B8C376, #2AA129, #6D4000, #322500)
• Muted Delta color palette (#FCF4E9, #B28844, #258CA9, #60568C, #413C36)

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