Navy Harbor color palette — #D9F3FB · #0079AE · #002C94 · #220065 · #230035

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

The five colors

• Frost (#D9F3FB): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0079AE): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#002C94): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#220065): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#230035): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns 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

• Linen Navy color palette (#D5E9E9, #007797, #003E6E, #020068, #130038)
• Antique Aubergine color palette (#D3E1EA, #0065B7, #3B00A7, #310053, #240024)
• Ultramarine Quarry color palette (#DBEDFF, #007FEA, #0042C9, #0F048E, #0B0048)
• Navy Grove color palette (#D2E9FF, #0060BF, #002B9C, #070066, #020017)
• Nightshade Study color palette (#D2E8EF, #0095D4, #0063D8, #4000C7, #220042)
• Softworn Cypress Delta color palette (#CAEFE1, #007A75, #004853, #00263B, #000A33)
• Moonless Study color palette (#E4E9FF, #7546F8, #2D0091, #0C003D, #010013)
• Lapis Harbor color palette (#E1F0FF, #3A42FB, #5100A2, #36003F, #26001C)

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