Ultramarine Harbor color palette — #CAEEFD · #0094E6 · #004FD5 · #2C0088 · #1A0034
A conversation between Cobalt and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#CAEEFD): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#0094E6): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#004FD5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#2C0088): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#1A0034): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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 Lapis Thicket color palette (#DBEBF6, #4B84FF, #4D32EE, #3F007B, #25002D)
- Gentle Ultramarine color palette (#D1E7EA, #009BD0, #124BD1, #3F00A0, #3F005B)
- Hazy Villa color palette (#D2F8FE, #00A5CD, #00629E, #00248C, #10003C)
- Nightshade Canyon color palette (#E5DFD1, #0088C4, #412EC6, #522000, #00122A)
- Aubergine Market color palette (#D6FFF9, #3CD5FE, #2B70FD, #6600AE, #330029)
- Hushed Amethyst color palette (#DAE3F0, #8EA0FF, #7448D4, #611283, #320030)
- Inked Ultramarine color palette (#DAE8F5, #0F44BE, #280077, #120024, #030004)
- Ultramarine Summit color palette (#D2E4FF, #0053C0, #1B1446, #22191F, #000719)
Browse the whole catalog at Explore, or see today's palette.