Ultramarine Harbor color palette — #F3E6EB · #76A8CB · #3C5ACA · #004A48 · #1B003B

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F3E6EB): bright and airy, almost weightless.
• Blue Fog (#76A8CB): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#3C5ACA): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1B003B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Patina Ridge color palette (#EBE0E8, #7BA9BE, #006DA2, #004C35, #050644)
• Ultramarine Pier color palette (#F7ECE2, #69C1F7, #3D5FBF, #003E3B, #04000F)
• Gentle Navy color palette (#F0E6D6, #5097C5, #00488D, #002F37, #050643)
• Soft Cornflower color palette (#E1F1E4, #5BBAF6, #2B83E4, #006A7C, #060C3A)
• Softworn Cornflower Field color palette (#F5EBF0, #A8C9E2, #5A83DA, #006C66, #302454)
• Faded Pine color palette (#FCF1FE, #85DDD8, #009CBC, #0E7818, #00355C)
• Lagoon Grove color palette (#F9F3F8, #CEE0F9, #6AADD7, #1C9062, #354866)
• Linen Azure Loft color palette (#D3EAE4, #84C0AA, #3B9DCD, #774C00, #002303)

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