Navy Loft color palette — #F1F0FF · #A99DEB · #5B58A6 · #312471 · #0F0033

Royal Purple and Slate set the tone — five colors that lean into creativity and balance.

The five colors

• Blush (#F1F0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#A99DEB): A luminous, balanced violet — the color of a velvet chair.
• Slate (#5B58A6): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#312471): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#0F0033): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged monochrome.

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 Dune color palette (#E5F1FF, #7EADEC, #2F6BAF, #00305E, #00091F)
• Hushed Grove color palette (#FFECF1, #C6A9E1, #8967A5, #4A2D66, #1E042E)
• Aubergine Dune color palette (#F3F4FF, #D5D3FF, #8A81D3, #493682, #120030)
• Garnet Pier color palette (#FFEBF9, #D492CA, #8B4681, #550A45, #1C0015)
• Ancient Summit color palette (#FFEBF7, #F7CCC6, #DCA6D3, #476A97, #3C1E2D)
• Muted Aubergine color palette (#E2DFEF, #8F64CA, #58229A, #250047, #020008)
• Hushed Bloom color palette (#FDEDEF, #C28ABE, #A43F34, #802C7D, #110300)
• Antique Coast color palette (#FFEDED, #EEBDDE, #AB7796, #683B58, #2D0D23)

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