Navy Canyon color palette — #E8F0F7 · #97A0B4 · #77789C · #003861 · #01040C

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E8F0F7): a clean, paper-quiet neutral.
• Blue Fog (#97A0B4): A luminous, dusty violet — the color of a velvet chair.
• Slate (#77789C): A full-bodied, dusty violet — the color of wild irises.
• Navy (#003861): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#01040C): 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

• Aubergine Chapel color palette (#E7E9F4, #A19DB0, #85748F, #401878, #03030F)
• Muted Navy color palette (#F2ECF2, #DDC9D9, #BA9BB0, #004B99, #050106)
• Washed Denim Harbor color palette (#DCEEE9, #C3ADBC, #B18897, #00568F, #001913)
• Ancient Market color palette (#F1F1F8, #DCD3D9, #C3AFC6, #78538B, #201F29)
• Hushed Driftwood color palette (#EFF2F8, #DAD5DD, #BAABAF, #7083A6, #32363D)
• Airy Mulberry color palette (#D9EEFB, #625DAA, #6D1E5E, #032602, #000908)
• Tempered Meadow color palette (#D9E5FF, #0097B6, #5344FF, #84007C, #020010)
• Olive Thicket color palette (#D7E3D7, #726A00, #253F00, #171646, #030300)

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