Dusty Navy color palette — #E8FAF4 · #637A33 · #4F6517 · #323B7B · #37202A

Navy and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Olive (#637A33): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#4F6517): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#323B7B): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#37202A): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Muted Drift color palette (#E6FAF7, #4D833F, #00678F, #004D6C, #362532)
• Washed Bronze Corridor color palette (#EBFAED, #977000, #7B5A00, #004C55, #362739)
• Amber Villa color palette (#FFF1F7, #C48A47, #487747, #53427A, #244533)
• Feathered Corridor color palette (#D4FFFF, #00754C, #005133, #28008C, #241400)
• Ancient Olive Cabin color palette (#D3EBE0, #767600, #1C3837, #12231C, #070F0C)
• Patina Veranda color palette (#E2FAFF, #008980, #006277, #383A71, #1E321E)
• Dusty Navy Archive color palette (#FAF0E5, #AB7A46, #006874, #382D77, #1F0906)
• Chalky Harbor color palette (#E0FBFD, #008764, #005D5E, #69004E, #1D2B02)

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