Patina Harbor color palette — #FEF1F9 · #808BCA · #6C8A51 · #22697B · #473842

Slate Blue and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Slate Blue (#808BCA): A luminous, balanced violet — the color of wild irises.
• Fern (#6C8A51): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#22697B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#473842): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. 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

• Olive Lantern color palette (#FDF2F3, #B884AF, #77742A, #215A74, #284A3D)
• Wandering Market color palette (#FDF1F7, #8375B7, #6D6500, #005766, #412E37)
• Muted Grove color palette (#FFF1F5, #A380B9, #AA6F48, #456B3C, #49373D)
• Bronze Terrace color palette (#EAFAF0, #3C9EB6, #A97133, #396C4A, #314238)
• Timeworn Delta color palette (#F1F0FE, #AE80C2, #AA7360, #40627B, #22212E)
• Wisteria Drift color palette (#FFF1F4, #CA92DD, #C78A75, #56809C, #4A373C)
• Weathered Market color palette (#FBF5E2, #C198BE, #AA5E57, #0E6474, #584140)
• Tempered Pine color palette (#FFF2EF, #BB6075, #00865A, #2A528C, #412D29)

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