Navy Coast color palette — #D9E0ED · #B6BACC · #938DAB · #24386F · #000106

Navy takes the lead with Heather close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Silver (#D9E0ED): bright and airy, almost weightless.
• Ash (#B6BACC): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#938DAB): A luminous, dusty violet — the color of a velvet chair.
• Navy (#24386F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Navy Coast 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 Navy color palette (#EFE9ED, #A6949D, #826870, #151576, #11040F)
• Mulberry Station color palette (#EFECF9, #DAC9E0, #BB9AB4, #732E6B, #030108)
• Softworn Coast color palette (#E3E7EE, #A49DA9, #9A8094, #4061A1, #030916)
• Dusty Violet color palette (#DEE6FB, #8F5EAE, #6F3C4A, #162D0B, #010400)
• Pewter Pier color palette (#F2F5FD, #E0D8E1, #D6BACD, #736FA3, #1B1E27)
• Worn Raspberry color palette (#F8F2FF, #EBD6DD, #B9AFA3, #B55992, #292033)
• Softworn Iris color palette (#F1F5FF, #DED8E1, #B9B0A8, #8289DA, #30353F)
• Tempered Olive color palette (#E1F4E7, #698719, #00491E, #220D3E, #010100)

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