Worn Cocoa Pier color palette — #E5FCEB · #89B1A3 · #827141 · #704729 · #1F4441

Coffee and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#E5FCEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#89B1A3): A luminous, dusty teal — the color of sea glass.
• Walnut (#827141): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#704729): A full-bodied, dusty gold — the color of old brass.
• Forest (#1F4441): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Worn 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

• Bronze Ridge color palette (#FFF1F7, #90B196, #946747, #634661, #244539)
• Tempered Thicket color palette (#DCF8DB, #A59F65, #8E5E00, #753219, #053F36)
• Antique Bronze color palette (#F8F1E3, #B7AB86, #867338, #66450F, #27230B)
• Worn Olive Workshop color palette (#FFF1E7, #C4A863, #668445, #005F40, #00494D)
• Aged Basalt color palette (#FCF4E6, #DAD2A6, #C0AA6F, #AC7C5B, #3B4200)
• Hushed Chestnut color palette (#FBF2F6, #E19D6F, #007F81, #8E4C16, #10282E)
• Hazy Terracotta color palette (#FFD3C3, #B9803A, #9B3500, #6B1632, #312900)
• Weathered Bronze color palette (#FFF1F6, #AF7130, #516FAD, #3B5281, #452934)

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