Navy Loft color palette — #E0E8F1 · #B4BACD · #908EA8 · #00397B · #000104

Built around Navy, softened by Heather — the whole palette hums with trust and stability.

The five colors

• Frost (#E0E8F1): bright and airy, almost weightless.
• Ash (#B4BACD): A luminous, dusty violet — the color of wild irises.
• Heather (#908EA8): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#00397B): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Tempered Navy Hollow color palette (#DDE1E7, #868D9E, #616A86, #051F6B, #000106)
• Aged Aubergine Cabin color palette (#EEEDF6, #D5CBDE, #B89BB7, #6C3176, #030109)
• Ultramarine Summit color palette (#ECE3EB, #AD9B9D, #A37F81, #2859C9, #110510)
• Worn Mulberry Canyon color palette (#D4E8FF, #8776AB, #733962, #00280E, #000501)
• Aged Terrace color palette (#D8EEDC, #798040, #114900, #1B123C, #010100)
• Antique Cobalt Villa color palette (#F2F5FC, #DFD8E2, #D2BACD, #676FB7, #1A1E29)
• Washed Raspberry Pier color palette (#F7F3FF, #E8D6DE, #B9AEA2, #B453A6, #282036)
• Aubergine Workshop color palette (#DAF0E9, #0065B1, #49006D, #090F00, #00000B)

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