Cocoa Pier color palette — #F0DCCB · #AF9464 · #88582F · #642A1E · #1F1700

A conversation between Oxblood and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#F0DCCB): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#AF9464): A luminous, dusty gold — the color of old brass.
• Coffee (#88582F): A full-bodied, balanced gold — the color of old brass.
• Oxblood (#642A1E): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1F1700): 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

• Worn Fern Orchard color palette (#E8E0C8, #8BA174, #6A6826, #523902, #161A02)
• Antique Chestnut Boulevard color palette (#F8E4D1, #AB9275, #8D541A, #6C3100, #34302A)
• Washed Veranda color palette (#FFF1F6, #E4C097, #AA805B, #7B4A2A, #0D2812)
• Ancient Bronze Quarry color palette (#EDE1D5, #84702E, #5F3A00, #3E1300, #050600)
• Frosted Cobalt Delta color palette (#F7E1F7, #3475C7, #8F540E, #633700, #1B061C)
• Denim Lagoon color palette (#E6F6F2, #6FA5DA, #8D487C, #005797, #130103)
• Weathered Grape color palette (#CDE4FF, #8F8ED6, #764CA0, #631755, #390014)
• Ancient Summit color palette (#F2E3F4, #D28D65, #0D487D, #001C3A, #09030A)

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