Navy Coast color palette — #DBE0E7 · #9599A7 · #6D6D8A · #0B1F6D · #030917

A conversation between Deep Indigo and Slate, giving this palette its sense of creativity and sophistication.

The five colors

• Silver (#DBE0E7): bright and airy, almost weightless.
• Blue Fog (#9599A7): A luminous, dusty violet — the color of a velvet chair.
• Slate (#6D6D8A): A full-bodied, dusty violet — the color of wild irises.
• Deep Indigo (#0B1F6D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#030917): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Onyx Meadow color palette (#E7E7F1, #9C96A8, #786B80, #3E1350, #090619)
• Worn Pier color palette (#EFEAEF, #B19FA6, #9D7C7F, #003D97, #0F050F)
• Aubergine Chapel color palette (#EFEFF9, #BAB7C3, #9688A1, #582C74, #1E1D2C)
• Aged Terrace color palette (#F3F5FC, #DED6E0, #B6B0BF, #6A598A, #383947)
• Dusty Parlor color palette (#E2E7FF, #715587, #62254C, #272100, #00140B)
• Aged Grape color palette (#D9E1FE, #007BEB, #5B27D6, #6B0067, #070015)
• Charred Corridor color palette (#D7F0E4, #4C6723, #00360B, #00182E, #030700)
• Shadow Nightshade Workshop color palette (#F3E2C1, #313AA0, #38004E, #140C00, #040015)

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