Patina Cocoa Pier color palette — #F6EAC7 · #76AC90 · #4C7969 · #783920 · #3F241A

A conversation between Rust and Jade, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F6EAC7): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#76AC90): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#4C7969): A full-bodied, dusty teal — the color of glacier melt.
• Rust (#783920): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3F241A): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Patina 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 Cocoa Terrace color palette (#DDE8C4, #7DB8B0, #417D8E, #6C4549, #583000)
• Cocoa Canyon color palette (#E6E6C3, #67ADAB, #8D6E8C, #713F03, #3B240E)
• Wandering Parlor color palette (#F7F1E3, #8AAB7D, #00765D, #4F471B, #1E1E00)
• Washed Petrol color palette (#E9F5D8, #5AACA2, #186FA1, #554800, #2C2400)
• Hushed Lagoon Dune color palette (#F3E6CB, #4F8C63, #005A72, #512401, #230B00)
• Indigo Balcony color palette (#CCE8D8, #7BAFC9, #846FBD, #4E5722, #2C3306)
• Weathered Mint Harbor color palette (#EAECDC, #7CC8B7, #6F8FAC, #7B657C, #523955)
• Bronze Drift color palette (#D8E5D4, #008F83, #AB5100, #705100, #091805)

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