Navy Harbor color palette — #F3ECF1 · #C9B4BD · #A6898D · #22327F · #030002
Built around Navy, softened by Heather — the whole palette hums with creativity and sophistication.
The five colors
- Blush (#F3ECF1): a clean, paper-quiet neutral.
- Rosewood Mist (#C9B4BD): A luminous, dusty rose — the color of a warm blush.
- Heather (#A6898D): A luminous, dusty red — the color of late-summer berries.
- Navy (#22327F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, 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
- Ancient Abyss Study color palette (#E5EEE9, #C1B6C3, #A08A98, #004354, #000201)
- Antique Basin color palette (#F1E1E5, #CAB5B4, #AB897F, #561C68, #040001)
- Patina Navy color palette (#E5DDE2, #988890, #80616E, #1E1073, #040003)
- Patina Pier color palette (#E1E6F1, #A39DAB, #8F829A, #4F56B5, #03071C)
- Garnet Lantern color palette (#CEE4FF, #8976AB, #69344D, #002717, #000201)
- Patina Balcony color palette (#FFF1F5, #E8D5CB, #D2B2AA, #7B4396, #16070C)
- Olive Delta color palette (#F0E7D1, #678731, #004924, #221038, #010100)
- Hushed Driftwood color palette (#FCF2F6, #E4D8D3, #BCB5A3, #937EB3, #372A2F)
Browse the whole catalog at Explore, or see today's palette.