Ultramarine Harbor color palette — #FCF1FF · #1F91E5 · #324AD8 · #75145D · #1C3657

A conversation between Cobalt and Azure, giving this palette its sense of trust and stability.

The five colors

• Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#1F91E5): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#324AD8): A full-bodied, vivid violet — the color of wild irises.
• Mulberry (#75145D): A deep, shadowed, balanced pink — the color of neon signs at night.
• Navy (#1C3657): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged retro, 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

• Pale Grape Basin color palette (#FFEFFF, #5D84F2, #6143BF, #810041, #2B3258)
• Sunlit Aubergine Bloom color palette (#D3FFFE, #009AC6, #0062A9, #691A77, #163951)
• Worn Nightshade color palette (#EDD4F2, #1F74DD, #3E34AC, #5F013C, #13243E)
• Linen Indigo Study color palette (#EDF6FF, #81D8FF, #33ACFE, #436FFF, #0F3863)
• Weathered Ultramarine Chapel color palette (#FFEFDB, #00A1C2, #4E52BA, #563700, #001E32)
• Timeworn Pewter color palette (#FFF0FC, #998CCD, #825397, #753A35, #393B53)
• Chalky Indigo color palette (#FFF3E5, #00BAE0, #6971D3, #7C5100, #043958)
• Deep Coast color palette (#DFEEFE, #0068C1, #13255E, #031930, #070812)

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