Navy Canyon color palette — #E2EAF4 · #9AA5B9 · #7985A7 · #053F92 · #040913

A conversation between Indigo and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Frost (#E2EAF4): bright and airy, almost weightless.
• Blue Fog (#9AA5B9): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#7985A7): A luminous, dusty violet — the color of twilight just after sunset.
• Indigo (#053F92): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#040913): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Navy Canyon 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

• Worn Veranda color palette (#E5F0F6, #92A8B6, #6E8A9F, #004E5A, #000B12)
• Washed Coast color palette (#ECECF4, #A4A2B5, #8980A1, #592A7C, #080813)
• Onyx Boulevard color palette (#E4EBF2, #8F99B3, #6D6D89, #002C52, #030A13)
• Hushed Ridge color palette (#F0EAF1, #B29A9D, #9D807F, #1062B9, #110412)
• Washed Grape color palette (#E1E2E9, #C3C1D7, #A69FC1, #714A9D, #1D1D2F)
• Wandering Pewter color palette (#E8ECFF, #8861A3, #6D3F66, #4D1D14, #210414)
• Driftwood Boulevard color palette (#F3F5FB, #DED6E3, #CCB8D1, #8276B0, #373A46)
• Feathered Indigo color palette (#D6DFF3, #468EFF, #6355FF, #7300BC, #040015)

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