Patina Cocoa Pier color palette — #DFF4EC · #719B7B · #3F6A7B · #6D3843 · #55301A

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

The five colors

• Honeydew (#DFF4EC): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#719B7B): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#3F6A7B): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#6D3843): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#55301A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, 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

• Tempered Basin color palette (#FAE6CE, #8C9769, #42787C, #5D3555, #501B22)
• Patina Petrol Coast color palette (#CDEEF0, #5DA0AA, #516B94, #5D4321, #4A3000)
• Hushed Lichen Bloom color palette (#D3F0C4, #7AA9B3, #5F778B, #644B62, #4D374C)
• Tempered Pewter Atelier color palette (#EAECD2, #8FBFA3, #56A5AC, #9C5B68, #573218)
• Patina Cabin color palette (#D6EAE0, #73985E, #006542, #434004, #00312A)
• Dusty Parlor color palette (#DCF0DE, #6C9880, #23668B, #482B69, #2E0D33)
• Washed Petrol color palette (#C3EADA, #2F838C, #3A4E73, #402200, #241500)
• Powder Market color palette (#E5F9FF, #ACC5D9, #9299AF, #697A6C, #38524D)

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