Patina Pier color palette — #E4E3CC · #517900 · #00617D · #283E00 · #00090F

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E4E3CC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#517900): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00617D): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#283E00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00090F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Weathered Basin color palette (#E5EBD3, #006E31, #004C81, #003413, #000309)
• Tempered Lagoon color palette (#D8EFD0, #296900, #00575E, #533400, #010500)
• Wandering Meadow color palette (#E0ECE1, #009195, #786D00, #005153, #151200)
• Ultramarine Grove color palette (#C8F1E5, #007D69, #3C3EC8, #004035, #040028)
• Tempered Harbor color palette (#EDF2CE, #0C821C, #913900, #03430A, #130300)
• Smoked Abyss Villa color palette (#E7F4E0, #00594C, #4F3600, #00251E, #020100)
• Muted Emerald color palette (#D4EBCF, #3E9800, #155100, #052000, #000200)
• Softworn Emerald color palette (#E7F1D3, #00A05F, #A85B00, #005C34, #250F00)

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