Navy Harbor color palette — #D8F6FA · #00799B · #004E74 · #001A79 · #050021
A conversation between Navy and Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D8F6FA): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004E74): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#001A79): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#050021): A deep, shadowed, dusty 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
- Navy Terrace color palette (#D2E9F1, #0077B6, #0047A1, #1A007C, #0F0024)
- Quiet Onyx color palette (#C5F2ED, #007C84, #005065, #002E4B, #000235)
- Faded Cobalt color palette (#C6E9F9, #0088B8, #006090, #003E6A, #00081B)
- Petrol Pier color palette (#DDEEFF, #006DB2, #7A4D00, #003A63, #0B0400)
- Misty Navy Station color palette (#D8E7FF, #4E70CD, #003D95, #001947, #000011)
- Faded Iris Dune color palette (#C6E3FC, #9392DB, #AA72A8, #005C67, #07082F)
- Ancient Denim Grove color palette (#E2F1FF, #005B9A, #713F00, #4C3B00, #000206)
- Ultramarine Ridge color palette (#ECDBD5, #009E73, #005AB1, #0D0B1D, #000206)
Browse the whole catalog at Explore, or see today's palette.