Navy Loft color palette — #F2F5FD · #C6C898 · #686D9E · #393C70 · #1B2130

Built around Navy, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Pistachio (#C6C898): A luminous, dusty green — the color of new leaves after rain.
• Slate (#686D9E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#393C70): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#1B2130): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Petrol Orchard color palette (#EEF6FE, #EFB4A2, #3978A3, #204661, #19232C)
• Worn Lagoon color palette (#F4F4FB, #ABDDD3, #87749B, #564467, #2A2A37)
• Celadon Terrace color palette (#FFF0FB, #D3F3A4, #6574A6, #492E43, #150C13)
• Wandering Ash color palette (#F2F5FF, #FFC4C0, #978CBE, #5B6180, #1E212E)
• Hazy Mulberry color palette (#F6F3FF, #AAC86E, #944593, #5C175D, #1C162B)
• Worn Nightshade color palette (#FFF1F8, #E2979A, #4F438F, #402334, #241819)
• Lilac Balcony color palette (#F5F4FB, #E2D8DF, #CCBBC1, #A57DB8, #474653)
• Timeworn Grape color palette (#DEE3FE, #74C165, #673DAD, #3A0073, #0B0B26)

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