Cocoa Pier color palette — #FBE1D1 · #A86D48 · #893400 · #5C0F00 · #150700

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#FBE1D1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#A86D48): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#893400): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5C0F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#150700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Antique Garnet color palette (#FAECE4, #BC7A56, #9C401A, #760900, #260F00)
• Tempered Amber Corridor color palette (#EEDFD8, #C66922, #803100, #420900, #030100)
• Chestnut Ridge color palette (#F6E2C5, #927B39, #6B4C00, #452A00, #0F0B00)
• Amber Pier color palette (#FFE9E2, #C2680C, #6D0021, #260006, #070001)
• Airy Terracotta Grove color palette (#FFD3C1, #D2956F, #BD531C, #962000, #3F2000)
• Dusty Balcony color palette (#F0E7D1, #B1B282, #8D813A, #705800, #32302A)
• Hushed Basin color palette (#FFF2E9, #D1B9A3, #B58264, #94573F, #573400)
• Crimson Drift color palette (#EEE9FD, #B87B00, #E5005F, #28000A, #080000)

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