Cocoa Pier color palette — #F7EFF5 · #C6B185 · #7F403A · #461411 · #130811

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

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Camel (#C6B185): A luminous, dusty gold — the color of old brass.
• Coffee (#7F403A): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#461411): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#130811): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Softworn Delta color palette (#EAF6EA, #C9B07C, #724C0B, #382200, #070F07)
• Garnet Lantern color palette (#FFF2EE, #A3B783, #84313E, #482025, #251A0F)
• Tempered Bronze color palette (#FFF2ED, #DDC085, #A25A53, #48403D, #2C1E18)
• Worn Amber Hollow color palette (#F0DBE6, #BB8C00, #662A00, #290C00, #090004)
• Terracotta Coast color palette (#F7EFF4, #E4A089, #7A7A09, #AA3B05, #01120B)
• Tempered Pewter Grove color palette (#FAF2FB, #DAEEBE, #A26167, #5A252C, #150B16)
• Dusty Studio color palette (#F7EFF2, #CCD6D7, #ADBEBC, #A36427, #33292D)
• Bronze Grove color palette (#EDD7E5, #836200, #3B0B00, #201E0C, #090100)

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