Navy Harbor color palette — #D7E0ED · #C98400 · #023097 · #000B47 · #00020C
A conversation between Indigo and Mustard, giving this palette its sense of optimism and balance.
The five colors
- Silver (#D7E0ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mustard (#C98400): A luminous, balanced gold — the color of old brass.
- Indigo (#023097): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#000B47): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Optimism, Balance. Tagged luxury, dark.
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
- Ember Lagoon color palette (#DDECFF, #E66C36, #003C7D, #001534, #00030A)
- Aged Alley color palette (#DAE6FF, #77A700, #2A2B91, #0D004D, #010015)
- Ultramarine Balcony color palette (#F1DDEF, #E59900, #104FC5, #002178, #1B061A)
- Wandering Alley color palette (#E4E8FB, #79AF86, #4C3974, #20113B, #030412)
- Softworn Honey color palette (#FFF0FE, #F3B913, #1755A9, #001C47, #030003)
- Tempered Grape color palette (#EEF1FC, #D4D0E6, #B8A2C0, #5742B7, #13182E)
- Midnight Aubergine Coast color palette (#DFE1F5, #008D6E, #360C5F, #0D001F, #010008)
- Sapphire Boulevard color palette (#E6F0FF, #0063DC, #6E5900, #493A00, #000922)
Browse the whole catalog at Explore, or see today's palette.