Ultramarine Harbor color palette — #DBF1FF · #0082D7 · #0041BD · #15018A · #190F44
Built around Cobalt, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#DBF1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#0082D7): A full-bodied, balanced blue — the color of deep harbor water.
- Cobalt (#0041BD): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#15018A): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#190F44): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Sapphire Lagoon color palette (#DCEEFF, #4098FF, #2B70F4, #2B4BB8, #130F53)
- Nightshade Garden color palette (#D1E8EC, #0073A3, #003CAA, #24005F, #170024)
- Muted Orchard color palette (#D1E8FF, #4A72EF, #4B00DC, #31007A, #300E4E)
- Ultramarine Quarry color palette (#C9F5FD, #0098D7, #254ADF, #442B8E, #300D4B)
- Weathered Cobalt Lagoon color palette (#CDF0F9, #0081AC, #005380, #002E60, #041348)
- Faded Nightshade color palette (#E2E2F0, #7471DE, #4300C4, #1A0056, #07002E)
- Airy Nightshade Loft color palette (#D8E1EF, #3D61D7, #6F5600, #1200AE, #231900)
- Gentle Lapis color palette (#DDE4FF, #3D35DD, #8E1D00, #004A26, #090A34)
Browse the whole catalog at Explore, or see today's palette.