Ultramarine Harbor color palette — #E4F0FF · #668ECF · #9D6F00 · #014DB9 · #473100

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

The five colors

• Frost (#E4F0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#668ECF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#9D6F00): A full-bodied, balanced gold — the color of honey in a jar.
• Cobalt (#014DB9): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#473100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Misty Basin color palette (#E0F1FF, #3298CB, #A76900, #005E84, #4C2E00)
• Denim Balcony color palette (#F5E2F4, #5C90E6, #A17200, #1D50A5, #271900)
• Gentle Meadow color palette (#F1F5FF, #949AD2, #948D26, #5450CB, #494400)
• Worn Sapphire Garden color palette (#E5EFFD, #77A8F9, #D18D17, #3067C2, #4B2F00)
• Aubergine Villa color palette (#ECEDFF, #A07AC2, #8F7700, #71309F, #413400)
• Indigo Hollow color palette (#DAE4FF, #6D70BF, #946000, #5F5600, #26264B)
• Hushed Basin color palette (#DDE8F8, #3D66C9, #685900, #0408AE, #201A00)
• Aubergine Field color palette (#DEE3FF, #A572F7, #528000, #53009A, #203500)

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