Navy Coast color palette — #E7F0FA · #ABB4C1 · #828DA6 · #004380 · #040B15

Navy and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E7F0FA): bright and airy, almost weightless.
• Ash (#ABB4C1): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#828DA6): A luminous, dusty violet — the color of wild irises.
• Navy (#004380): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#040B15): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Aubergine Dune color palette (#E6E7EF, #B2B1C2, #8E8AA0, #502B7F, #080917)
• Softworn Atelier color palette (#D8E4E0, #C1B5BD, #A78290, #004875, #09251E)
• Worn Lagoon color palette (#EAE2EB, #CEBFCC, #B39DAD, #0061B1, #251B27)
• Ancient Mulberry color palette (#EAE8EF, #CEC8D7, #A99FB1, #72406E, #17141F)
• Dusty Aubergine Cabin color palette (#E9EAF1, #8D8B9D, #6D667F, #3C0A59, #010105)
• Patina Driftwood color palette (#F0F1F9, #D9D4DB, #B3A9AD, #867BA4, #35363C)
• Basalt Atelier color palette (#E5E4F4, #856C9D, #673E6A, #4D1510, #220900)
• Feathered Dune color palette (#DDE9FF, #3B98FE, #4367F6, #5F38B9, #03001D)

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