Navy Harbor color palette — #DEE2E9 · #9B9FAD · #787898 · #131997 · #000315
Indigo takes the lead with Slate close behind in a set that reads as creativity and energy at first glance.
The five colors
- Silver (#DEE2E9): a clean, paper-quiet neutral.
- Blue Fog (#9B9FAD): A luminous, dusty violet — the color of a velvet chair.
- Slate (#787898): A full-bodied, dusty violet — the color of twilight just after sunset.
- Indigo (#131997): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#000315): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Energy, Sophistication. Tagged scandi, muted, light.
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
- Aged Navy Archive color palette (#D9E1EA, #98A0AE, #737A97, #003764, #00040E)
- Softworn Parlor color palette (#E4E3EF, #A29DA9, #84758D, #54006C, #04030E)
- Worn Harbor color palette (#E9EFF6, #CDCFDD, #AB9FBF, #0843AA, #00020B)
- Timeworn Nightshade Studio color palette (#E6DBE4, #C5ACB9, #A18BB5, #324A9F, #1C0E1A)
- Mulberry Corridor color palette (#E9E8F1, #CEC8D6, #AD9DB2, #783480, #161420)
- Dusty Pewter color palette (#F4F0F6, #DCD4D6, #CAB6B9, #A05D77, #2F2933)
- Garnet Orchard color palette (#E1E2F6, #786288, #69314D, #272400, #010D00)
- Gentle Amethyst color palette (#E6E9F8, #3C87E7, #7034ED, #800075, #05000C)
Browse the whole catalog at Explore, or see today's palette.