Patina Pier color palette — #FFF2EA · #BE5504 · #00757C · #00419D · #491C00

Built around Indigo, softened by Terracotta — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Terracotta (#BE5504): A full-bodied, balanced orange — the color of sun-warmed clay.
• Teal (#00757C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#00419D): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#491C00): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Nightshade Pier color palette (#FCEBD9, #9A630E, #006C86, #3F318E, #372104)
• Antique Grove color palette (#FFF2EE, #C44254, #00795E, #00526C, #4B171E)
• Nightshade Parlor color palette (#FFF4E0, #997900, #006959, #021FB2, #5B0037)
• Washed Amber color palette (#FFF4E2, #B28300, #536A00, #004583, #3F3500)
• Pale Garden color palette (#E3EABC, #676E00, #0046D2, #660066, #1F2200)
• Rose Alley color palette (#FFEFFF, #FC4A64, #00999F, #8141B3, #3A203B)
• Aubergine Dune color palette (#F6E6D0, #6A4B00, #004A60, #320069, #140B00)
• Weathered Pewter Loft color palette (#F6F6EC, #859964, #6C7CB0, #7C4C75, #3E3D36)

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