Dusty Navy color palette — #FFF2ED · #75C7CD · #00789F · #005A2E · #032F6C

A conversation between Navy and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Aqua (#75C7CD): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#00789F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005A2E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#032F6C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Forest color palette (#FFF2EE, #ADD0AF, #3A829D, #256136, #1E3B60)
• Sapphire Loft color palette (#FFF3E9, #70C3EA, #256ACD, #00574D, #321F72)
• Tempered Petrol color palette (#E7F7EA, #7ECAD0, #007F98, #005346, #001D2B)
• Denim Terrace color palette (#FEEBE3, #83AA8E, #005E88, #004029, #0B1A4A)
• Softworn Cerulean color palette (#FDF3ED, #C8E4D3, #648FB5, #306F5C, #5B3C53)
• Navy Terrace color palette (#FCEBDF, #5199BA, #004598, #00302A, #150140)
• Emerald Study color palette (#FFF0FD, #8FEBF3, #0ABAF6, #009E5A, #092F6B)
• Patina Sapphire color palette (#F8E2B3, #A67E00, #375AF5, #634A00, #101E78)

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