Dusty Navy color palette — #F7F1E6 · #AC9C5E · #348074 · #344883 · #3E1829

Navy takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F1E6): bright and airy, almost weightless.
• Moss (#AC9C5E): A luminous, balanced green — the color of new leaves after rain.
• Teal (#348074): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#344883): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#3E1829): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Dusty Navy 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

• Aged Denim color palette (#FAF0E9, #C28F76, #587D4D, #005471, #371A3B)
• Hushed Loft color palette (#F1F3E7, #84A782, #387B94, #5A3D71, #431811)
• Dusty Cypress Parlor color palette (#FAF3F9, #C48582, #00817E, #763F54, #4D3957)
• Antique Lagoon Bloom color palette (#EFF8F2, #C0B178, #10A291, #566796, #4B3B53)
• Feathered Thicket color palette (#F6F2DE, #7E8C00, #00686F, #400093, #35000A)
• Basalt Bloom color palette (#F8F1E1, #CDCAB3, #939E84, #7A6675, #533841)
• Forest Garden color palette (#F6EFD0, #A8B786, #709959, #226B39, #333630)
• Dusty Chestnut color palette (#F2F2EB, #C0C7AE, #5A8F7E, #85551C, #30322B)

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