Navy Loft color palette — #D8E2DF · #BBAFB9 · #A38294 · #004676 · #000E0A

A conversation between Navy and Heather, giving this palette its sense of trust and stability.

The five colors

• Silver (#D8E2DF): bright and airy, almost weightless.
• Ash (#BBAFB9): a calm mid-gray that lets other colors speak.
• Heather (#A38294): A luminous, dusty pink — the color of peonies in June.
• Navy (#004676): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#000E0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Denim Market color palette (#DBE1E5, #B2B9C9, #8D8AA7, #00496F, #10212F)
• Worn Abyss Workshop color palette (#E1E7E1, #A9B7AF, #71978A, #004E51, #010F03)
• Aubergine Cabin color palette (#F2E8EC, #BFAEB2, #A88285, #4C288B, #15050D)
• Nightshade Quarry color palette (#F4EDF3, #AC9AA3, #8F737C, #17159A, #090208)
• Patina Denim color palette (#ECF8F4, #E9D8D9, #CEB2B9, #00659B, #00110B)
• Worn Delta color palette (#EFE7E8, #D7C7C7, #BC9B95, #7B3082, #230F13)
• Wandering Lapis color palette (#F7EFF4, #E1CED5, #CA9DA7, #4D3EC8, #271220)
• Aged Studio color palette (#EBE1E5, #9C878B, #7E6363, #390065, #040001)

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