Cocoa Pier color palette — #FCF4E9 · #E5D8BE · #CBB28C · #A28E76 · #5A4400

A conversation between Deep Olive and Sand, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Bone (#E5D8BE): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CBB28C): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A28E76): A luminous, dusty gold — the color of old brass.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Taupe color palette (#FCE2D0, #E3B799, #CA8D6F, #A56855, #352F2A)
• Patina Driftwood Meadow color palette (#ECF4ED, #A2C5AD, #958057, #475F47, #223028)
• Softworn Workshop color palette (#EFDAC8, #C49463, #B16725, #8B4318, #211300)
• Feathered Bronze Quarry color palette (#FBEEC8, #C6CF84, #ACA859, #927F2D, #2F3B06)
• Mallow Drift color palette (#FFF1F2, #E3AFDB, #D7AC90, #799DC5, #4D3639)
• Chestnut Market color palette (#F4EAD6, #8B833F, #725E00, #523B00, #040400)
• Aged Studio color palette (#FDF1F9, #B5B6EC, #6CB996, #489297, #273C37)
• Celadon Bloom color palette (#DCF093, #FFD3A8, #FFC0D1, #7C6865, #382E2C)

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