Patina Pier color palette — #F4F6EE · #8ED2A9 · #7177B4 · #447B5B · #352A31

Slate and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Mint Leaf (#8ED2A9): A luminous, balanced teal — the color of glacier melt.
• Slate (#7177B4): A full-bodied, balanced violet — the color of a velvet chair.
• Teal (#447B5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#352A31): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, 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

• Antique Driftwood color palette (#EFF8F1, #7ECFD9, #936BA5, #307981, #372A2D)
• Timeworn Pier color palette (#F1F3EB, #A8CFAD, #817CAB, #43824F, #1F1118)
• Muted Parlor color palette (#F6F6ED, #B1CB92, #008D9F, #5F7642, #243228)
• Timeworn Quarry color palette (#ECF8F6, #B6DEB3, #9B92CF, #6C9A6A, #292D3D)
• Ancient Lagoon color palette (#FFF2EC, #41BDB9, #577AA0, #834725, #3A4D41)
• Washed Aqua Market color palette (#EBFDD4, #71CFCC, #3E91A8, #395B81, #3D3E72)
• Worn Aubergine color palette (#DCF1E2, #00859A, #6D0060, #003943, #0D0001)
• Grape Delta color palette (#EFF9EA, #00BBA3, #633ED8, #006457, #2D1223)

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