Navy Harbor color palette — #F6E5EE · #478AA5 · #003E6E · #002221 · #03002E
A conversation between Navy and Ink, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6E5EE): A whisper-light, dusty pink — the color of a candy shop window.
- Cerulean (#478AA5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Navy (#003E6E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#03002E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Washed Summit color palette (#E6E9DC, #4B8097, #00415D, #001E24, #000104)
- Worn Veranda color palette (#D9EDEB, #659BB3, #005F88, #003A44, #000A16)
- Tempered Cypress color palette (#DEF2F0, #007A6E, #504B43, #00322D, #000D0B)
- Powdered Coast color palette (#F7E8DD, #72A9C2, #0077CB, #005D5B, #03002E)
- Worn Forest color palette (#F6EBF2, #87BBC7, #007586, #00532A, #003248)
- Lowlit Garnet Study color palette (#C9EAED, #005F4F, #700053, #00271F, #11000A)
- Sapphire Boulevard color palette (#FFF1F5, #8EBDE6, #3A62D9, #00545E, #33226B)
- Smoked Fern color palette (#D6F3E1, #52611A, #332C00, #1B0E00, #000500)
Browse the whole catalog at Explore, or see today's palette.