Dusty Navy color palette — #D4E3D6 · #007A81 · #004588 · #2A2900 · #000F06

Built around Navy, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Bone (#D4E3D6): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#007A81): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004588): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#2A2900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000F06): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Soft Garnet Lagoon color palette (#D3E4EF, #007393, #004A76, #5C0011, #002713)
• Washed Pier color palette (#D3EBDB, #00788D, #153D97, #3C0057, #000F06)
• Twilit Denim color palette (#D1E6D9, #006071, #333C44, #001D2A, #000703)
• Weathered Navy Garden color palette (#DCE7CF, #007E5B, #004F5E, #080E77, #090D00)
• Faded Ridge color palette (#D5F2DD, #00CDC3, #00A7BD, #006D98, #000E12)
• Cobalt Delta color palette (#D4E6EE, #008DC1, #006195, #00335B, #00122F)
• Petrol Workshop color palette (#E7EBE1, #8EB8DF, #3B6CAA, #004763, #010F40)
• Linen Courtyard color palette (#EBDCEB, #0068CE, #572B84, #4C002F, #000E0F)

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