Patina Pier color palette — #E7FBEF · #82A778 · #00745E · #554261 · #153D38

Teal and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBEF): A whisper-light, dusty teal — the color of sea glass.
• Moss (#82A778): A luminous, dusty green — the color of new leaves after rain.
• Teal (#00745E): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#554261): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#153D38): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Patina Taupe Study color palette (#FFF1F6, #AA9C4A, #4A6F2F, #404969, #1F3C2D)
• Timeworn Teal color palette (#F0F4E4, #72AF94, #2D7261, #1E4C61, #172009)
• Wandering Emerald Harbor color palette (#D4EBE3, #39A173, #006262, #553045, #003031)
• Timeworn Lagoon color palette (#E9F9F8, #83C5A7, #39927D, #386A82, #0B3D3F)
• Patina Peony color palette (#F7E8FF, #D85C8F, #008D75, #863758, #004034)
• Ancient Taupe Market color palette (#F7F3FF, #FFCEBF, #BFAC6C, #776390, #473347)
• Hushed Cabin color palette (#FCF2F7, #90CFEF, #5178B7, #006157, #313858)
• Patina Drift color palette (#F9F6E6, #C8CFA3, #53B597, #95779E, #35362F)

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