Navy Harbor color palette — #EDE4ED · #C4B3BF · #A28492 · #004386 · #281928

Built around Navy, softened by Heather — the whole palette hums with trust and stability.

The five colors

• Blush (#EDE4ED): bright and airy, almost weightless.
• Ash (#C4B3BF): A luminous, dusty pink — the color of a candy shop window.
• Heather (#A28492): A luminous, dusty rose — the color of a warm blush.
• Navy (#004386): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#281928): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Muted Meadow color palette (#E2ECE6, #ACBDB8, #9A8798, #004C60, #0B2519)
• Timeworn Aubergine Cabin color palette (#EDE0E4, #C5B4B7, #A48585, #5A1791, #2C1820)
• Patina Grove color palette (#E2E9F0, #BCC4D9, #A59FC3, #0065A2, #15202B)
• Weathered Grape Bloom color palette (#FFF0F8, #E3CBD3, #C39AA0, #5B38C0, #452839)
• Washed Courtyard color palette (#F7EBEC, #D7C8C7, #B39A93, #84267B, #3A282A)
• Softworn Aubergine color palette (#F2E5E8, #A49697, #836968, #40005F, #160209)
• Fern Dune color palette (#EDE3CC, #768141, #275100, #00324B, #191D00)
• Worn Ridge color palette (#F9F3F8, #E3D7D8, #CFBAB7, #5972AF, #4D454B)

Browse the whole catalog at Explore, or see today's palette.