Dusty Navy color palette — #F8EEE6 · #578370 · #003C6F · #001F1F · #01000C

Navy and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EEE6): bright and airy, almost weightless.
• Fern (#578370): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#003C6F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#01000C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Navy Corridor color palette (#F1E5D9, #507DA5, #1C2D8B, #001E24, #020009)
• Muted Denim Boulevard color palette (#D7E6E4, #6EABC7, #005B83, #002A32, #000103)
• Softworn Denim Boulevard color palette (#F4E7ED, #5B9CB8, #005A9C, #003C3A, #03002D)
• Softworn Petrol Veranda color palette (#F4E6DE, #9EBD9B, #00788B, #004E2B, #001826)
• Dusty Station color palette (#FEDAE9, #A87DA5, #9F4151, #00267F, #040006)
• Velvet Fern color palette (#F2E8DB, #5D5300, #392600, #1B0800, #010100)
• Eclipse Aubergine color palette (#E3DCE9, #7A489A, #430066, #1B070D, #0B0019)
• Midnight Nightshade color palette (#DEEFFD, #2B44AB, #2C0074, #1D0035, #030004)

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