Navy Harbor color palette — #E1F3FF · #87AFD5 · #4778BA · #29469B · #4B1F6B
Indigo takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#E1F3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#87AFD5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4778BA): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#29469B): A full-bodied, balanced violet — the color of a velvet chair.
- Royal Purple (#4B1F6B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, 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
- Powdered Cobalt Coast color palette (#C5FFFF, #72BDDE, #3B76BE, #424289, #300749)
- Tempered Periwinkle color palette (#E0F3FF, #ACD8FF, #79B1F9, #6885C3, #2D316F)
- Muted Aubergine Corridor color palette (#E7EEFF, #A1AAE1, #766BB1, #603397, #67134F)
- Frosted Azure Parlor color palette (#C7FFFD, #6ACAEF, #5291E2, #5C5AB1, #4D296E)
- Mulberry Garden color palette (#FFF2EE, #739BC9, #5763A9, #782E5B, #4B344A)
- Cerulean Dune color palette (#C1FFFA, #6AB8BC, #008999, #005C6F, #253B62)
- Lapis Lantern color palette (#D7E5FB, #6784FE, #4F3CDD, #41008E, #35005E)
- Petrol Delta color palette (#F0F7F3, #D1DEDE, #B3C3C5, #1980A1, #414A45)
Browse the whole catalog at Explore, or see today's palette.