Patina Harbor color palette — #D7E5FF · #8CB5FF · #FF6CA3 · #3E80FF · #57052C

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

The five colors

• Frost (#D7E5FF): A whisper-light, dusty violet — the color of wild irises.
• Sky (#8CB5FF): A luminous, balanced violet — the color of a velvet chair.
• Bubblegum (#FF6CA3): A luminous, vivid rose — the color of a warm blush.
• Azure (#3E80FF): A luminous, vivid violet — the color of wild irises.
• Mulberry (#57052C): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Trust, Stability, Energy. Tagged vibrant.

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

• Fuchsia Dune color palette (#C5F0E2, #66BEFF, #FF5ED0, #0090DB, #540040)
• Magenta Harbor color palette (#D9DFF8, #899CFF, #FD38CD, #009EAF, #181D4D)
• Soft Wisteria color palette (#FCD0DE, #CC8FFF, #F07B44, #9C65C8, #481800)
• Weathered Periwinkle color palette (#F2F5FF, #E9D3EE, #DCBAFF, #7098E7, #37355E)
• Soft Wisteria color palette (#B6F0FD, #00CAE9, #CF7CFF, #0098B0, #44075F)
• Periwinkle Dune color palette (#FFF0FA, #C8D2FF, #F8B0BA, #97A4E3, #61453F)
• Feathered Sapphire Workshop color palette (#F0F6FF, #85B3FF, #D18B06, #005EE0, #2C1A00)
• Indigo Canyon color palette (#DDE3FF, #9FAFFF, #00C2A7, #6875FF, #00372E)

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