Patina Harbor color palette — #FAE7FE · #388AD5 · #3C4CB6 · #65224F · #1E3149

A conversation between Cobalt and Azure, giving this palette its sense of trust and stability.

The five colors

• Blush (#FAE7FE): A whisper-light, dusty pink — the color of a candy shop window.
• Azure (#388AD5): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#3C4CB6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Mulberry (#65224F): A deep, shadowed, balanced pink — the color of peonies in June.
• Deep Teal (#1E3149): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, cool.

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

• Aubergine Dune color palette (#FCE7FA, #7E79D0, #6E4294, #701F28, #292E4C)
• Aubergine Boulevard color palette (#D3F7F5, #0095B1, #00618E, #54286F, #173444)
• Chalky Periwinkle Corridor color palette (#EEF6FF, #58CBFF, #419FFE, #5B69CE, #1B2E4F)
• Soft Denim color palette (#D8F1DA, #0098BD, #50509D, #4C3300, #01192E)
• Aged Cobalt color palette (#ECF8F7, #AACADE, #0082B6, #005D6D, #1A3E59)
• Velvet Parlor color palette (#D7E2EF, #005EC5, #19224A, #091421, #030409)
• Patina Aubergine Summit color palette (#FCE5FF, #0C59DC, #3A00A5, #470027, #091138)
• Faded Indigo Atelier color palette (#FFEBD2, #00B2DE, #6B6BC4, #6F4F15, #06392F)

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