Patina Harbor color palette — #F5F1EC · #D6D7D1 · #A6B1AB · #9B7D4F · #3A352F

Mocha and Ash set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F5F1EC): a clean, paper-quiet neutral.
• Silver (#D6D7D1): a clean, paper-quiet neutral.
• Ash (#A6B1AB): soft and architectural.
• Mocha (#9B7D4F): A luminous, dusty gold — the color of afternoon light on wheat.
• Espresso (#3A352F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina Harbor 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

• Washed Market color palette (#FBF3F5, #D0D8DC, #A3A5B7, #9D7B53, #5A4F52)
• Weathered Villa color palette (#F1F2EC, #D2D8D4, #ADC2BA, #508450, #2C2D20)
• Hushed Driftwood Corridor color palette (#F3F3E7, #C0C7AA, #718E4E, #86541E, #30322B)
• Pewter Pier color palette (#FDF1D8, #C9C6B4, #8D967B, #735B6C, #4D393F)
• Worn Spruce Meadow color palette (#E0E4D8, #9AA493, #6E826E, #004222, #030500)
• Antique Denim color palette (#FAF0E1, #BEA97E, #6D814B, #31537F, #352B12)
• Wandering Courtyard color palette (#EBE6DE, #918D81, #736E23, #352800, #020100)
• Washed Studio color palette (#ECE9E0, #CDCDBD, #A1A88B, #585900, #1A1607)

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