Patina Harbor color palette — #EFF6FF · #9BA8E6 · #877AD1 · #6E588F · #4E4C66

Lavender Blue takes the lead with Mauve close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mauve (#9BA8E6): A luminous, balanced violet — the color of wild irises.
• Lavender Blue (#877AD1): A luminous, balanced violet — the color of wild irises.
• Slate (#6E588F): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#4E4C66): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. Tagged 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

• Patina Orchid color palette (#F3F4FF, #CAA7E1, #A266AD, #855176, #554760)
• Moss Dune color palette (#F3F4FF, #B6A4E2, #8BA452, #7965A4, #2E564B)
• Cobalt Grove color palette (#EAF8FF, #80C1E4, #3C90D2, #3F6594, #514C66)
• Weathered Veranda color palette (#F3F4FF, #E2D7E0, #F7BCAC, #7C87A8, #53515F)
• Aged Grove color palette (#F3F4FF, #A688CA, #B97A35, #1A887D, #3F4054)
• Soft Plum color palette (#EAE2F0, #BE7BCC, #AD2D97, #7A2554, #5B303C)
• Hushed Byzantium color palette (#DEDEF4, #B072FA, #A200DC, #7E1E8A, #5F2C53)
• Washed Canyon color palette (#ECF9EE, #A0C1AF, #957D49, #74525E, #3B4C46)

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