Patina Harbor color palette — #FAF2FE · #EFA0B7 · #2B9F83 · #56558A · #28254B

Fern takes the lead with Ballet Pink close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#FAF2FE): a clean, paper-quiet neutral.
• Ballet Pink (#EFA0B7): A luminous, balanced red — the color of embers at dusk.
• Fern (#2B9F83): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#56558A): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#28254B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. Tagged warm.

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

• Worn Basin color palette (#FAF2FC, #F7B8C6, #69AA89, #7E5C88, #51293C)
• Apricot Boulevard color palette (#FCF1FA, #FE9C93, #3B9B95, #006A65, #003043)
• Weathered Pier color palette (#F4F4FF, #CBABE9, #8F8E42, #465699, #361D4B)
• Washed Powder Market color palette (#FAF2F7, #D5D4E2, #85C3EF, #579077, #2E3F5D)
• Mustard Pier color palette (#ECF9ED, #E0B26A, #648BC5, #45598E, #2F214E)
• Hushed Cobalt Archive color palette (#FFF2E9, #F7A97D, #7AB072, #0088B8, #4D2750)
• Denim Lantern color palette (#FDF0FF, #F0D3CF, #9CB9B3, #727C95, #44516E)
• Pale Pine color palette (#FFF1F1, #BD679C, #22762F, #56347A, #402E55)

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