Misty Navy Loft color palette — #D3E3DD · #5F6F00 · #003D99 · #28006D · #170002

A conversation between Indigo and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Silver (#D3E3DD): bright and airy, almost weightless.
• Olive (#5F6F00): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#003D99): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#28006D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#170002): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Misty 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

• Smoked Quarry color palette (#C5EBE0, #466300, #00376D, #39000D, #070001)
• Washed Nightshade color palette (#D6EDE9, #1E7B09, #2E2AAA, #480038, #170002)
• Misty Hollow color palette (#F6D7E3, #965300, #005149, #390059, #160007)
• Emerald Alley color palette (#D6EBE8, #2D9A01, #007370, #004771, #0A0700)
• Twilit Balcony color palette (#BFE9DD, #405E00, #32323D, #001F13, #000302)
• Midnight Onyx color palette (#DEE4D6, #00583E, #003039, #000B3F, #0F001A)
• Soft Aubergine color palette (#C8EEF4, #008876, #6D2B9A, #5B1A00, #240700)
• Worn Basalt Basin color palette (#F5E5CA, #738A44, #226E5B, #5B214A, #420419)

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