Cocoa Pier color palette — #F4E0D3 · #9A6417 · #742700 · #47001A · #080500

A conversation between Rust and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#F4E0D3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#9A6417): A full-bodied, balanced gold — the color of old brass.
• Rust (#742700): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#47001A): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Timeworn Chapel color palette (#FFE6D6, #9E6743, #732C00, #4D0D00, #241100)
• Midnight Chestnut color palette (#FEEBDA, #785E00, #522B00, #350002, #010200)
• Pale Terracotta color palette (#F9DCEC, #CE874C, #9B400D, #551C19, #000600)
• Soft Hollow color palette (#F9EDDE, #9F8F00, #7D5000, #611A00, #0B1600)
• Olive Coast color palette (#F1E5C8, #597F2F, #4C4500, #341D00, #000703)
• Rust Studio color palette (#FCE1E2, #C04700, #5F4300, #1B2500, #000903)
• Twilit Olive color palette (#FCE4E1, #688500, #51002B, #160008, #010200)
• Airy Amber Hollow color palette (#FFE2D3, #DD8928, #A34F39, #6C2840, #241B00)

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