Cobalt Harbor color palette — #F8F0EB · #ADD1BF · #4C7EBA · #005D4F · #1C1A40

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Pistachio (#ADD1BF): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4C7EBA): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#1C1A40): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt 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 Hollow color palette (#FAF4EB, #A6D0BB, #2C7FB4, #005F64, #483149)
• Powdered Onyx color palette (#FFEEE6, #7DC9D7, #007AB1, #005439, #06005C)
• Dusty Pier color palette (#F7F1EB, #C0E6DC, #8089C1, #006C71, #421F2D)
• Worn Sky color palette (#EFF8F1, #D9D5E2, #64AEE3, #007E84, #102E55)
• Wandering Study color palette (#D8F0E4, #449CC2, #C05B02, #005D7C, #311200)
• Hushed Lagoon Dune color palette (#E8DCD9, #46989D, #00516B, #002E13, #000411)
• Patina Garden color palette (#E0F9EC, #EED0E6, #DDA6D5, #008675, #351D36)
• Muted Petrol color palette (#E0F2FF, #79A9D9, #006AA9, #003555, #000E20)

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