Cocoa Pier color palette — #E9DFD8 · #AC9E88 · #748353 · #5B2200 · #0A0200

A conversation between Espresso and Walnut, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E9DFD8): a clean, paper-quiet neutral.
• Taupe (#AC9E88): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#748353): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#5B2200): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#0A0200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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 Garnet color palette (#ECDFDE, #AE9C92, #927651, #670036, #0B0202)
• Patina Olive Workshop color palette (#F3EDE5, #918E7A, #617431, #382600, #020100)
• Dusty Fern Drift color palette (#E9E8DF, #AFB6A5, #78977B, #3A4B00, #0D0B01)
• Dusty Chapel color palette (#F5EBEF, #C6D5C6, #8EAF9B, #763B00, #070103)
• Ancient Dune color palette (#F3F2EB, #D0D9D1, #ADBCAB, #646A28, #232116)
• Eclipse Olive Orchard color palette (#E6DFCE, #4B752A, #00412F, #330539, #010400)
• Driftwood Pier color palette (#F6F1EC, #D6D9D1, #A3B9B3, #9E7B55, #3B352E)
• Forest Field color palette (#FFDBD8, #98631B, #00571C, #2F0E41, #0E0018)

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