Patina Harbor color palette — #E2F0FC · #3A69AE · #333B72 · #3A1130 · #1D000B

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E2F0FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#3A69AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#333B72): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#3A1130): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#1D000B): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Cobalt Delta color palette (#C9E2FE, #506AB1, #3C3766, #2A1935, #000A06)
• Petrol Atelier color palette (#C6F0FE, #4170A3, #3D3F74, #4E1800, #271800)
• Midnight Pier color palette (#DCE3FD, #595087, #482C58, #300009, #0E0000)
• Petrol Courtyard color palette (#D6EDEC, #007E8D, #00485F, #271B4D, #150022)
• Hushed Pewter color palette (#E2E7FF, #A688B8, #794F74, #4E3447, #2D0E1F)
• Sunlit Studio color palette (#E4F0FF, #7B8BD8, #6F61A5, #652742, #490717)
• Onyx Bloom color palette (#E3F2FF, #0060A8, #003681, #02005D, #030020)
• Azure Field color palette (#DAECEC, #3B95DE, #675686, #19391F, #130A00)

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