Weathered Cocoa Pier color palette — #FFE5F8 · #A96072 · #7F3A1F · #12381E · #001715

Rust takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFE5F8): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#A96072): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#7F3A1F): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#12381E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001715): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered 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 Basin color palette (#F8DFE3, #A16E6A, #753C24, #252500, #010100)
• Cocoa Bloom color palette (#E8DFF4, #875C74, #6C2C1E, #002223, #030A19)
• Antique Pewter Lantern color palette (#E6E7FF, #8C60A0, #6E3E54, #393600, #011901)
• Hushed Bronze color palette (#F2E1DF, #B4622E, #705300, #003C42, #001322)
• Ancient Pier color palette (#E4E3F3, #A17293, #9D564B, #005758, #001526)
• Hushed Terrace color palette (#FFDFD8, #D33D00, #8A1C00, #380B00, #060000)
• Amber Villa color palette (#FDD9D8, #D17E58, #826D41, #005559, #003147)
• Plum Lantern color palette (#FCE2ED, #C50063, #80002C, #4C0005, #1C0400)

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