Ultramarine Harbor color palette — #F5ECE3 · #8CBDE4 · #355EC8 · #003D44 · #030011

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

The five colors

• Cream (#F5ECE3): bright and airy, almost weightless.
• Sky (#8CBDE4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#355EC8): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#030011): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Washed Station color palette (#F9EBE4, #73C5D5, #00709A, #003F33, #00020A)
• Antique Coast color palette (#E7EDDB, #5390C1, #00498B, #00293A, #000316)
• Aged Hollow color palette (#FFF2EC, #B3D6B8, #0087A9, #00543B, #000E1C)
• Muted Cornflower color palette (#D1E9E8, #85B6DF, #0482EE, #00678B, #000F39)
• Dusty Grape color palette (#E7E8CD, #5DA01F, #682AC4, #234600, #020007)
• Turquoise Summit color palette (#FFF2EB, #B2FEFE, #00ABCC, #00764C, #00283E)
• Patina Corridor color palette (#DBEBDA, #2A8F2F, #5900AD, #70006D, #000200)
• Worn Sky Market color palette (#FCF3EE, #C0E5F6, #65B4FF, #008884, #212D6D)

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