Patina Harbor color palette — #FCF4E9 · #CEE9FF · #5E93DD · #00677B · #121942

A conversation between Cornflower and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Frost (#CEE9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#5E93DD): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00677B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#121942): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Aged Cerulean Alley color palette (#FCF4E8, #91FAFF, #00A3BE, #006C59, #002230)
• Weathered Periwinkle color palette (#F7ECE3, #ACE0CF, #81A3E9, #008F9C, #2B2652)
• Airy Petrol color palette (#E2F2F2, #96B5D1, #1E6AB1, #004C65, #0A2B5E)
• Dusty Turquoise Station color palette (#EDE6DB, #16B8BE, #005F6F, #002C23, #000103)
• Worn Pier color palette (#FDF4E7, #D5DBED, #02C0F1, #00897E, #063955)
• Cerulean Meadow color palette (#FFF4E2, #74DFE9, #0088A4, #005347, #000F18)
• Tempered Sky color palette (#F5EDE1, #4FC6F1, #006EA5, #003D41, #00020B)
• Quiet Coral color palette (#E6FDE1, #00C4B6, #E06376, #00736B, #35000D)

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