Patina Harbor color palette — #F2F5FF · #DCC189 · #6F6C98 · #39415E · #1E212C

Sand takes the lead with Slate close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Sand (#DCC189): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#6F6C98): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#39415E): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#1E212C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Hushed Pier color palette (#F5F4FC, #B7DCBF, #7D789C, #4D4961, #2B2A35)
• Iris Study color palette (#FFF0FA, #CEDEA0, #828FD7, #586088, #281E25)
• Muted Delta color palette (#FCF2F7, #FFE2A6, #726CB1, #4D2C40, #160C12)
• Denim Summit color palette (#F1F5FE, #ACB486, #474A85, #27294E, #1E182A)
• Muted Mulberry color palette (#F6EAF9, #D1AF68, #94465C, #422B49, #1D1120)
• Ash Study color palette (#F5F4FB, #E2D7DF, #CDBBC3, #A381A9, #484652)
• Violet Courtyard color palette (#F3F4FF, #CEB6F9, #C97371, #8E6CC1, #2C1F2B)
• Patina Fern Canyon color palette (#E8FBEC, #D29DCD, #B1727C, #47703B, #433750)

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