Ultramarine Harbor color palette — #D8F2FD · #008ECD · #004ECB · #2A16A4 · #1E0041
A conversation between Cobalt and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#D8F2FD): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#008ECD): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#004ECB): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#2A16A4): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#1E0041): A deep, shadowed, balanced violet — the color of wild irises.
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
- Aubergine Hollow color palette (#C8E9EE, #0098C5, #0060CA, #3E00AA, #450B69)
- Voltage Lapis color palette (#C9E3F7, #287EFD, #3E1BF6, #450090, #240038)
- Feathered Navy Quarry color palette (#CAE7E9, #009FC0, #00628E, #00238C, #13075C)
- Feathered Cornflower Station color palette (#D9EEFF, #6FB8FF, #007DEE, #194AC0, #131F63)
- Hushed Lapis Market color palette (#E6EAFF, #8E95FF, #4D36E4, #1E0086, #020023)
- Aubergine Market color palette (#DFF0FF, #004EAA, #24007E, #160031, #050008)
- Nightshade Alley color palette (#DAE6FF, #4E7AFF, #966800, #172ACA, #201300)
- Quiet Amethyst Dune color palette (#D7E6F9, #8396FF, #704EE6, #61247E, #3D0D3C)
Browse the whole catalog at Explore, or see today's palette.