Dusty Navy color palette — #F7F7E0 · #6DCDA2 · #009286 · #004DA2 · #182707
Indigo takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7F7E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#6DCDA2): A luminous, balanced teal — the color of sea glass.
- Fern (#009286): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#004DA2): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#182707): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, cool.
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 Nightshade Canyon color palette (#F5F8DE, #3FCECA, #008DA4, #4D3E9D, #00272A)
- Emerald Lagoon color palette (#FCF6DB, #A1C575, #3B9355, #005A70, #232300)
- Frosted Archive color palette (#F5F7E4, #7CE0D3, #2EA3B0, #5459AB, #243724)
- Hushed Turquoise Corridor color palette (#F5F6EE, #BAE2E8, #17BBC9, #008073, #00353E)
- Muted Pier color palette (#D3F8EB, #00A054, #006A57, #01436F, #113738)
- Lime Studio color palette (#FFEADC, #97CD6C, #00ADA8, #AB517B, #2F312B)
- Muted Fern color palette (#F7F6E7, #BBDAB3, #66986E, #556C37, #292A06)
- Hushed Navy color palette (#F0F1D0, #00A181, #006161, #05008B, #000504)
Browse the whole catalog at Explore, or see today's palette.