Cocoa Pier color palette — #FEE6ED · #8B7241 · #633B00 · #431B00 · #1B1600

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FEE6ED): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#8B7241): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#633B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#431B00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1B1600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Onyx color palette (#FEDBE7, #82712C, #623900, #470500, #000705)
• Hushed Fern Grove color palette (#D3F1E2, #6E7D44, #4B4700, #332600, #081C00)
• Worn Summit color palette (#FCEDDD, #CA9500, #AE6B00, #8A4415, #1E1400)
• Antique Lagoon color palette (#F2E6D9, #A28B37, #8A5100, #682319, #1A1600)
• Hushed Parlor color palette (#D8EFDD, #78A28B, #786025, #613A00, #14382C)
• Bronze Harbor color palette (#DFF1F4, #9A7300, #002E28, #171A21, #000C0A)
• Mulberry Field color palette (#DAF3F9, #005E5A, #730166, #4C1100, #001110)
• Shadow Onyx Workshop color palette (#D2ECF5, #005154, #52003E, #281000, #000700)

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