Patina Pier color palette — #F0DFD3 · #A69F78 · #217770 · #673734 · #4A2607

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

The five colors

• Parchment (#F0DFD3): A whisper-light, dusty gold — the color of old brass.
• Taupe (#A69F78): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#217770): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#673734): A deep, shadowed, dusty orange — the color of autumn markets.
• Espresso (#4A2607): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Garnet Quarry color palette (#EFF2E2, #9BA27F, #5C6D4B, #76262B, #473800)
• Lagoon Grove color palette (#D9E2D3, #A1AE85, #259396, #795160, #542D2F)
• Driftwood Veranda color palette (#F1E1CD, #89873E, #005F60, #542800, #2A2100)
• Timeworn Navy color palette (#F4E3D8, #AD8F7B, #7A6038, #4D3B70, #551D31)
• Antique Corridor color palette (#ECF1E1, #53ABA2, #3374A9, #6F4600, #533300)
• Patina Cypress Cabin color palette (#DCE9CB, #62A080, #007274, #3C3A5B, #261A30)
• Stone Station color palette (#E4DFC1, #9CC8A4, #64A0AD, #786885, #41314E)
• Aged Fern Orchard color palette (#E1E6C0, #6FB7B9, #5E78AA, #56622C, #3C4D13)

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