Soft Navy Harbor color palette — #C4E9F4 · #0082B3 · #004999 · #1F0287 · #220B47

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

The five colors

• Frost (#C4E9F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0082B3): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#004999): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#1F0287): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#220B47): 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 Soft Navy 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

• Cobalt Lagoon color palette (#E1EFFA, #0077C5, #004487, #001C5D, #020235)
• Ultramarine Garden color palette (#D8E9F1, #0CA1F4, #007ADF, #3046B8, #201652)
• Weathered Terrace color palette (#C8E5FC, #0067CB, #2500A8, #2E0056, #1C002B)
• Washed Lagoon color palette (#CFE5E1, #008793, #005B74, #003151, #1B0F40)
• Nightshade Balcony color palette (#E0E3FB, #5B70E5, #3200C3, #0F0053, #040027)
• Sapphire Bloom color palette (#EFDFEF, #0866DC, #6E5600, #00347B, #231900)
• Ultramarine Dune color palette (#D5E0F2, #004EC8, #6A4500, #413F00, #020F2D)
• Aubergine Cabin color palette (#D8E1F9, #6661E1, #65009E, #480054, #3F002E)

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