Cocoa Pier color palette — #FCEFE5 · #C0E1C9 · #A4CAB2 · #AC847D · #593800

Cocoa and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCEFE5): a clean, paper-quiet neutral.
• Celadon Mist (#C0E1C9): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#A4CAB2): A luminous, dusty teal — the color of glacier melt.
• Caramel (#AC847D): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#593800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Driftwood Pier color palette (#FFEEE5, #C4E0C8, #ACB4C7, #A77D7B, #3B3630)
• Ash Ridge color palette (#FFF1F6, #C4E7F2, #ACC5DC, #BC99B2, #435546)
• Bronze Parlor color palette (#FDEFE3, #CEB893, #AB7543, #83442A, #302C1D)
• Worn Bronze Grove color palette (#F9F2D6, #BCF6F8, #84CFE7, #9A7032, #2E2F29)
• Mint Lantern color palette (#FFEFDC, #E5F88C, #18D1B8, #B06058, #342905)
• Mint Station color palette (#F4ECD0, #4EC780, #0099A9, #714100, #111100)
• Cobalt Archive color palette (#E4ECD9, #2DAC91, #0083C2, #493400, #000B05)
• Patina Apricot color palette (#F4D7D3, #7CD9FF, #FF9C91, #38302D, #1D1816)

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