Navy Coast color palette — #DFE5EF · #9798A9 · #776988 · #090089 · #02081A

Indigo and Slate set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#DFE5EF): bright and airy, almost weightless.
• Blue Fog (#9798A9): A luminous, dusty violet — the color of a velvet chair.
• Slate (#776988): A full-bodied, dusty violet — the color of wild irises.
• Indigo (#090089): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#02081A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, 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

• Wandering Navy color palette (#EBE4E9, #9A8790, #81616A, #19186E, #040003)
• Hushed Navy color palette (#E9EFFB, #A0A4B5, #8482A0, #2F398E, #050912)
• Worn Studio color palette (#DAE3EA, #939AA8, #6E6D8D, #002F44, #000A15)
• Timeworn Aubergine Coast color palette (#EDEBF1, #B0A5B1, #957485, #600058, #161020)
• Softworn Denim Lantern color palette (#F2EBF1, #B69A98, #9E8173, #405FA8, #110410)
• Basalt Field color palette (#D1EAF3, #4B6682, #51355B, #00241B, #030D19)
• Softworn Nightshade color palette (#EBEEF7, #CDCAD6, #AC98B2, #553CA8, #282D40)
• Pale Basin color palette (#DDE4FE, #008FB2, #5B35D4, #7C0034, #07000A)

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