Navy Loft color palette — #ECDEE4 · #5D7C96 · #1F3083 · #001F1F · #020008

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

The five colors

• Shell Pink (#ECDEE4): a clean, paper-quiet neutral.
• Slate (#5D7C96): A full-bodied, dusty blue — the color of open sky before noon.
• Indigo (#1F3083): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged coastal, cool, light, 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

• Tempered Navy Pier color palette (#D9E6DB, #4D87AC, #003C74, #002128, #020427)
• Ancient Pier color palette (#EDE6EE, #50818D, #004352, #012103, #000104)
• Weathered Denim color palette (#F4EFE7, #7EAE9D, #06549C, #002A32, #00000C)
• Faded Balcony color palette (#F8ECE2, #5E9ABE, #274EB3, #003C38, #0D0025)
• Softworn Petrol Bloom color palette (#EDE7ED, #8CBCCB, #007699, #004F24, #001534)
• Petrol Drift color palette (#D5F0E4, #589176, #006E8C, #412900, #000300)
• Moonless Summit color palette (#C7E9DC, #485200, #550082, #1C2100, #020006)
• Muted Meadow color palette (#F8EFF3, #C5E1F4, #698ECA, #006D63, #2B264A)

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