Navy Loft color palette — #DAE0EB · #979FBB · #797992 · #1C2C78 · #01040E

A conversation between Navy and Blue Fog, giving this palette its sense of creativity and sophistication.

The five colors

• Silver (#DAE0EB): bright and airy, almost weightless.
• Blue Fog (#979FBB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#797992): A full-bodied, dusty violet — the color of wild irises.
• Navy (#1C2C78): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#01040E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Navy Loft 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 Field color palette (#DEDCEA, #A49AB6, #877392, #4F195F, #04030D)
• Patina Navy Courtyard color palette (#F7EAF5, #B8A2AC, #94767B, #112C82, #1B0F19)
• Weathered Harbor color palette (#E9EFF7, #CACEE6, #ABA0C0, #254C88, #000208)
• Weathered Mulberry Coast color palette (#E9E8F0, #CFC8D7, #AD9DB2, #733C78, #16141F)
• Dusty Pewter Study color palette (#F4F0F7, #E0D4D7, #C8B7B9, #946575, #2F2A32)
• Pewter Veranda color palette (#EDEEFF, #88589F, #5E2F49, #252100, #011100)
• Tempered Amethyst color palette (#E6E5FD, #2F8CFE, #6E34F4, #820079, #020007)
• Washed Olive Parlor color palette (#D2EEE1, #497700, #004318, #001F3D, #000403)

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