Navy Loft color palette — #D7E5F6 · #003176 · #332900 · #171100 · #000105

Navy and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D7E5F6): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#003176): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#332900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#171100): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. 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

• Eclipse Aubergine Workshop color palette (#E1E2F2, #340095, #163200, #071700, #010009)
• Eclipse Onyx Corridor color palette (#C7E8F3, #003E42, #431F00, #200C00, #000102)
• Charred Nightshade color palette (#DBE9FF, #0407AA, #4F0037, #001714, #000010)
• Sunlit Ultramarine color palette (#F1E0EE, #1040C3, #554300, #342700, #00000F)
• Shadow Aubergine Pier color palette (#EBE8F8, #6F0076, #004228, #002313, #030004)
• Smoked Orchard color palette (#D8E4F0, #0058A2, #53001E, #001E3E, #030004)
• Velvet Grape Villa color palette (#D9E5F1, #6128CC, #420052, #23000B, #040000)
• Navy Coast color palette (#E1E5EE, #8E89A3, #76637E, #261C5D, #000105)

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