Patina Harbor color palette — #F3F5FB · #DED8E0 · #B7A8A5 · #7780A4 · #515258

Slate Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F5FB): a clean, paper-quiet neutral.
• Silver (#DED8E0): a clean, paper-quiet neutral.
• Ash (#B7A8A5): a calm mid-gray that lets other colors speak.
• Slate Blue (#7780A4): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#515258): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Ash Study color palette (#FBF2F7, #E4D8D5, #B7B2A6, #B38FA5, #575054)
• Driftwood Summit color palette (#EFF2F9, #DCD5DD, #BDABAC, #78829D, #33363E)
• Antique Driftwood Lantern color palette (#F4F4FF, #C9BEDA, #9A859F, #57776D, #405757)
• Worn Studio color palette (#EAFAED, #AD9ED0, #9A618A, #5D5C2D, #46455A)
• Aubergine Courtyard color palette (#E6E7EF, #9A97AB, #78688C, #3B0067, #080812)
• Softworn Garnet color palette (#ECE7F2, #C0B4C3, #A4819E, #6F2252, #231B2A)
• Softworn Pewter Hollow color palette (#F6F4FA, #E0D6DB, #BFACC0, #854E79, #3C3844)
• Softworn Mallow Pier color palette (#F4F4FE, #DCD8E2, #DCAFF6, #C37690, #444154)

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