Dusty Navy color palette — #E1EDE3 · #4689AA · #003F6A · #002226 · #000526

Built around Navy, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E1EDE3): bright and airy, almost weightless.
• Cerulean (#4689AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003F6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000526): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Lagoon Alley color palette (#D8E3DA, #25928D, #00454B, #002417, #000B10)
• Navy Quarry color palette (#D6E2D9, #3399D2, #00498B, #002F37, #040841)
• Worn Cobalt Hollow color palette (#EDF1E1, #74A8C3, #007CB7, #005B6D, #000A18)
• Patina Alley color palette (#E7F2E9, #5FC4C2, #007683, #00523D, #003343)
• Jade Veranda color palette (#DBEBE5, #6FAC77, #00796D, #383000, #00110E)
• Olive Summit color palette (#DFE9D6, #407800, #213500, #19272C, #050C00)
• Sapphire Corridor color palette (#E9FBEC, #7ABDFF, #2A5FE6, #005269, #2A2A63)
• Aubergine Corridor color palette (#D8F9EC, #4F5700, #520092, #1F2300, #0A001A)

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