Dusty Navy color palette — #FFF5DA · #656E00 · #006435 · #003B7C · #3D1319
Navy takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FFF5DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#656E00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006435): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#003B7C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Espresso (#3D1319): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Trust, Stability, 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
- Quiet Navy Study color palette (#FCF6DB, #6C7100, #00596A, #0E328A, #41151C)
- Bronze Delta color palette (#FFF3E3, #976300, #425600, #00425C, #3D1524)
- Muted Pine color palette (#F6F7E0, #1C823B, #00574B, #3B1B6E, #2C1500)
- Nightshade Harbor color palette (#F9ECCB, #6B5F00, #0028AB, #530018, #191500)
- Soft Garnet color palette (#F9F6DE, #5B7300, #005A78, #6F004E, #272300)
- Sunlit Olive Ridge color palette (#FFF3E5, #BA7E00, #3C7000, #4C3281, #3F3500)
- Twilit Navy color palette (#EAE8D4, #385700, #003342, #0B0062, #140300)
- Gentle Atelier color palette (#FFE1CE, #D29D0A, #706E00, #235700, #004430)
Browse the whole catalog at Explore, or see today's palette.