Navy Harbor color palette — #DEF4F6 · #005B48 · #142D90 · #340013 · #000201
Indigo takes the lead with Ink close behind in a set that reads as creativity and depth at first glance.
The five colors
- Frost (#DEF4F6): A whisper-light, dusty blue — the color of open sky before noon.
- Pine (#005B48): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#142D90): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#340013): A deep, shadowed, balanced red — the color of a theater curtain.
- Black (#000201): quiet, heavy and certain.
Feels like: Creativity, Depth, Luxury. Tagged dark, muted.
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
- Midnight Bloom color palette (#C8E5E4, #005D36, #004062, #340017, #000201)
- Aubergine Ridge color palette (#DAECF8, #00556F, #4A1685, #281100, #000102)
- Moonless Aubergine Veranda color palette (#D1E4E3, #004221, #3E005E, #29000D, #000201)
- Moonless Pine color palette (#F7E7EF, #00773F, #00374B, #1A0600, #000201)
- Antique Lantern color palette (#D6E9CD, #008F6D, #00454D, #001527, #01000A)
- Dusty Emerald Bloom color palette (#DBF2EE, #31912A, #00397A, #063503, #000105)
- Mulberry Thicket color palette (#D8E8F5, #006796, #80007F, #362400, #000103)
- Aubergine Lagoon color palette (#E2E8F6, #4843A9, #26007D, #120015, #000200)
Browse the whole catalog at Explore, or see today's palette.