Patina Harbor color palette — #F9F4EE · #CCE5E2 · #83BAD5 · #52948F · #2D5349

Sky takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#CCE5E2): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#83BAD5): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#52948F): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#2D5349): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Cerulean Lantern color palette (#F9F4EE, #CAE8E9, #8BBDB0, #4F929C, #604B5D)
• Washed Boulevard color palette (#F0E8DA, #95BDA0, #0081A3, #005A52, #002236)
• Cypress Villa color palette (#FAF4EB, #BFDEC2, #53A2B4, #007E67, #004157)
• Petrol Loft color palette (#F1EADF, #5EACD3, #006AAE, #004951, #000C3F)
• Wandering Driftwood Ridge color palette (#FFF2EB, #F4B29D, #74BDD8, #B97A66, #335645)
• Weathered Garden color palette (#F6EDDF, #A0D0C3, #6585C4, #006882, #25265B)
• Hazy Periwinkle color palette (#FDF4E5, #B5E2FF, #519FF2, #008092, #283C73)
• Worn Drift color palette (#FFF2EA, #DBA287, #72B599, #8E8DB9, #673200)

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