Navy Loft color palette — #E5F0FF · #004B92 · #533400 · #001E40 · #020100

Indigo takes the lead with Cocoa close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E5F0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Indigo (#004B92): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#533400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#001E40): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Shadow Studio color palette (#E2F2E9, #00556A, #6B1B00, #00232D, #040000)
• Nocturne Nightshade Coast color palette (#FCE1F0, #4C1DB9, #413D00, #1F005A, #010100)
• Soft Sapphire color palette (#F0E3EF, #0065D5, #764900, #00285D, #020100)
• Navy Atelier color palette (#E0E9FA, #00308E, #620012, #052B01, #000107)
• Gentle Iris color palette (#EADCEA, #7B7AD3, #8F529A, #003046, #01000E)
• Amethyst Drift color palette (#F8E6ED, #7D40D2, #575E00, #440980, #070900)
• Washed Mulberry color palette (#DBE8F9, #2166C4, #9E095C, #003477, #120006)
• Indigo Garden color palette (#F3DCEC, #6267FF, #826700, #343599, #181100)

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