Dusty Navy color palette — #C9E6E1 · #00625B · #004684 · #2D3700 · #000201
Built around Navy, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Silver (#C9E6E1): A whisper-light, dusty teal — the color of sea glass.
- Pine (#00625B): A full-bodied, dusty teal — the color of sea glass.
- Navy (#004684): A deep, shadowed, balanced blue — the color of deep harbor water.
- Forest (#2D3700): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
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
- Nightshade Thicket color palette (#D0EEF3, #00606B, #3100C7, #073D05, #000102)
- Patina Forest Field color palette (#D8F1D8, #006719, #00505B, #432D00, #000200)
- Twilit Garnet color palette (#CCEEE2, #004B3B, #5F0040, #43000D, #000201)
- Gentle Grape color palette (#E3F1FF, #006AB1, #8300AE, #004E45, #000104)
- Worn Cerulean Parlor color palette (#D4EDF1, #64C4C1, #009EB1, #00513C, #000102)
- Weathered Lagoon Station color palette (#C0E9DF, #00947C, #004A3D, #10161B, #000906)
- Velvet Aubergine Boulevard color palette (#D6EBE3, #004736, #370081, #3B1700, #000201)
- Aubergine Cabin color palette (#D0ECFE, #005570, #59007D, #310022, #000102)
Browse the whole catalog at Explore, or see today's palette.