Patina Pier color palette — #C3EADB · #A58D00 · #677C00 · #0C610F · #010200

Built around Pine, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Honeydew (#C3EADB): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#A58D00): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#677C00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#0C610F): A full-bodied, balanced green — the color of new leaves after rain.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.

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

• Weathered Olive Cabin color palette (#D8F5F4, #538A1A, #006C39, #004C3D, #000201)
• Pale Market color palette (#E8E0C5, #D47D00, #757800, #005942, #040C00)
• Olive Alley color palette (#E4DFC9, #BBA400, #819000, #357B00, #070C00)
• Pale Loft color palette (#D3FFEE, #FE9E4A, #8C9900, #007864, #010100)
• Amber Station color palette (#E3F4E1, #DB6B03, #9A6100, #5C4800, #050200)
• Timeworn Bloom color palette (#D6EEEB, #357755, #004130, #202000, #000401)
• Lime Thicket color palette (#CCFFF1, #BEC100, #81B700, #008B4D, #041300)
• Hushed Navy color palette (#C5EBEC, #006C4B, #00419F, #003321, #00020D)

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