Ultramarine Harbor color palette — #ECF7FF · #82C4FF · #3C93F1 · #1850B3 · #19275A
Cobalt takes the lead with Azure close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Sky (#82C4FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#3C93F1): A luminous, vivid blue — the color of a favorite pair of jeans.
- Cobalt (#1850B3): A full-bodied, vivid violet — the color of twilight just after sunset.
- Midnight (#19275A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, 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
- Quiet Basin color palette (#E6F9FF, #73D4FD, #0097CE, #00649A, #00355D)
- Nightshade Delta color palette (#F1F5FF, #B1BAFF, #827DEC, #5838B0, #2E1B4F)
- Softworn Parlor color palette (#CEF5FD, #52C9FE, #4A9FFF, #516CC6, #3F375E)
- Nightshade Alley color palette (#F0F5FF, #C2D1FF, #6F88DD, #3042A6, #080040)
- Faded Sapphire Orchard color palette (#CDE8F0, #00A7EB, #0068C0, #2C3B79, #201640)
- Feathered Ultramarine color palette (#D1E3F5, #4F9FFF, #0F50D9, #1C009A, #0B003B)
- Sapphire Cabin color palette (#EEF6FF, #93C2FF, #33C280, #0073E1, #00311B)
- Dusty Nightshade color palette (#DBE4FC, #7377F0, #4F00C7, #300068, #080016)
Browse the whole catalog at Explore, or see today's palette.