Navy Harbor color palette — #FBF1FF · #D9BAE4 · #B8728C · #00677B · #262961
A conversation between Navy and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
- Lavender (#D9BAE4): A whisper-light, dusty pink — the color of a candy shop window.
- Dusty Rose (#B8728C): A luminous, balanced rose — the color of strawberry cream.
- Peacock (#00677B): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#262961): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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
- Aged Field color palette (#FCF1FF, #C7ACD0, #A27F99, #225686, #451E45)
- Aged Coral Harbor color palette (#ECF7FF, #DFBAF5, #C77379, #006C6D, #003838)
- Softworn Coral Courtyard color palette (#F6DDF5, #E37380, #7D6727, #005969, #004350)
- Worn Denim Canyon color palette (#FAF1FF, #FDA7B1, #B98032, #3F60AC, #182D5E)
- Weathered Driftwood color palette (#FAF1FF, #F0D3D5, #93BAA6, #96759D, #52415B)
- Weathered Navy Boulevard color palette (#F3D7FA, #CE8B95, #90724F, #433976, #320013)
- Hushed Cobalt color palette (#F9F2FF, #FFD4E1, #C29878, #606FBE, #513D5F)
- Timeworn Drift color palette (#F6E1E0, #B58853, #517048, #541447, #1D0018)
Browse the whole catalog at Explore, or see today's palette.