Navy Loft color palette — #D9E3F7 · #534742 · #000F7F · #19101B · #03000F

A conversation between Deep Indigo and Black, giving this palette its sense of creativity and sophistication.

The five colors

• Frost (#D9E3F7): A whisper-light, dusty violet — the color of a velvet chair.
• Charcoal Brown (#534742): quiet, heavy and certain.
• Deep Indigo (#000F7F): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#19101B): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#03000F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Onyx Archive color palette (#D9ECFF, #544947, #002C4B, #130E17, #010012)
• Aubergine Hollow color palette (#DFE4FB, #572E00, #35006B, #220E1C, #050007)
• Moonless Navy Cabin color palette (#D6E5FB, #002B99, #281F22, #140B16, #020005)
• Dusty Cobalt color palette (#DFEAE1, #1682B2, #003D6D, #001E23, #00000D)
• Worn Canyon color palette (#E7E5F7, #9B51AE, #372B44, #161420, #05060A)
• Inked Aubergine color palette (#E1E5FF, #6103B0, #334200, #290050, #010100)
• Obsidian Basalt Ridge color palette (#D1E6FF, #505083, #442452, #2E0C1B, #050500)
• Lapis Canyon color palette (#D2E0FE, #4D41FF, #2F2144, #080F20, #010309)

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