Weathered Ultramarine Harbor color palette — #F7EFE2 · #70A9D1 · #1864BE · #004856 · #070346

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7EFE2): bright and airy, almost weightless.
• Blue Fog (#70A9D1): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#1864BE): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004856): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#070346): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Weathered Ultramarine 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

• Worn Summit color palette (#E9E2D8, #69AEBD, #007093, #004A46, #001527)
• Linen Ultramarine Meadow color palette (#E7F1E9, #8ABDE3, #0063C9, #003C48, #010015)
• Tempered Nightshade Ridge color palette (#ECE1D7, #6995B6, #2835AD, #00302F, #1C003A)
• Cornflower Station color palette (#F6E2E9, #6FB9EA, #5378F0, #006D6A, #1A0337)
• Dusty Cobalt color palette (#F4EEE3, #9FCBE7, #428AD2, #006A78, #182A5B)
• Azure Drift color palette (#FCF4E7, #A7E6FF, #4EA4DC, #008287, #134074)
• Gentle Cerulean Quarry color palette (#FEF4E3, #82DDD9, #009EAE, #007557, #003948)
• Plum Lagoon color palette (#FFE4E6, #BD0046, #3D6900, #004B8A, #170003)

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