Patina Harbor color palette — #FAF2F8 · #A1CDDC · #0085A3 · #006343 · #173E59

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sky (#A1CDDC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0085A3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006343): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#173E59): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Archive color palette (#FAF3F5, #B2C8DB, #4F76C0, #005F66, #36355D)
• Cerulean Drift color palette (#F2F3E8, #98D4D6, #008C9A, #005C55, #062717)
• Turquoise Thicket color palette (#ECF8F6, #A6E1E3, #00A8B9, #007D73, #1A3F50)
• Antique Lagoon color palette (#FDF3ED, #A6EFF2, #63C0DD, #469F79, #0E4538)
• Aged Cerulean Garden color palette (#F8E9F4, #478C96, #004359, #00231A, #000919)
• Hushed Corridor color palette (#F5EAF2, #6DAAB5, #005F83, #003F33, #001F43)
• Muted Olive color palette (#E1FCF9, #AFE2EB, #79BFD8, #777122, #124344)
• Quiet Orchid color palette (#DAF5F2, #629E6B, #9D62C1, #006123, #452557)

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