Navy Loft color palette — #F2F5FD · #C8AA6B · #49478D · #222C4B · #1D1926
A conversation between Indigo and Camel, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#F2F5FD): bright and airy, almost weightless.
- Camel (#C8AA6B): A luminous, balanced gold — the color of old brass.
- Indigo (#49478D): A full-bodied, balanced violet — the color of a velvet chair.
- Midnight (#222C4B): A deep, shadowed, dusty violet — the color of a velvet chair.
- Midnight (#1D1926): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, 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
- Tempered Mulberry Balcony color palette (#F6F3FF, #C4AB76, #743570, #41203E, #232029)
- Antique Stone Delta color palette (#FBF2FA, #BACE8C, #5B719D, #51394E, #281E27)
- Tempered Aubergine color palette (#E1E2FB, #B88A00, #510085, #270044, #0D0D20)
- Tempered Studio color palette (#FFF0F8, #FFC4C5, #928EBE, #77586A, #2D1B25)
- Washed Balcony color palette (#F2F4FF, #B4A0EC, #B24068, #6948A9, #29202C)
- Washed Pewter Harbor color palette (#F5F4FB, #E0D8DE, #D0B9C5, #85688F, #47464F)
- Weathered Mulberry color palette (#E7FBEB, #B781BC, #9C4C62, #3A5825, #41394C)
- Weathered Quarry color palette (#F2F5FF, #7F73C5, #976607, #375F2A, #2D3244)
Browse the whole catalog at Explore, or see today's palette.