Navy Loft color palette — #E8F2EF · #C4B3C1 · #9E8693 · #004876 · #12231F

Navy and Heather set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F2EF): a clean, paper-quiet neutral.
• Ash (#C4B3C1): A luminous, dusty pink — the color of neon signs at night.
• Heather (#9E8693): A luminous, dusty pink — the color of neon signs at night.
• Navy (#004876): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#12231F): 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

• Patina Abyss Parlor color palette (#E3ECE3, #ACBEB3, #75978B, #004F51, #152316)
• Dusty Market color palette (#E6DBE0, #C5B4B8, #A18689, #4B2E86, #2C1822)
• Dusty Petrol color palette (#DCE5ED, #BFC4D1, #A3A1BE, #006799, #15212B)
• Patina Mulberry Orchard color palette (#F5ECED, #DBC6C6, #B69893, #723C79, #372A2C)
• Aubergine Basin color palette (#F3E6EB, #AA9397, #886768, #36155A, #11050A)
• Hushed Fern color palette (#EDE0CB, #7E7D40, #374D00, #003445, #221A00)
• Worn Market color palette (#F9F3F9, #E1D7D8, #CEB9B8, #5576A3, #4E444E)
• Dusty Driftwood color palette (#E6EEFE, #7B75A6, #694868, #48340C, #252C00)

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