Weathered Navy color palette — #DCE6D8 · #316F67 · #164068 · #272200 · #071700

Navy takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#DCE6D8): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#316F67): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#164068): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#272200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#071700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered 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

• Lagoon Alley color palette (#E6DCE5, #1D9293, #004357, #00240A, #00091B)
• Charred Denim color palette (#D4F4FB, #00659A, #2A2E67, #2E1000, #050200)
• Softworn Petrol Garden color palette (#D4E8E9, #406BA1, #50214B, #1E2000, #00120B)
• Antique Cobalt Meadow color palette (#BDE9F5, #1779B3, #4D5180, #532619, #1A0C00)
• Ancient Cocoa Grove color palette (#CFE4DC, #5393A2, #55668F, #6A4400, #0F1600)
• Twilit Fern Courtyard color palette (#DEF2E0, #58640E, #003517, #001A20, #050700)
• Hushed Mulberry color palette (#D2E9EE, #737EAA, #784074, #2F431C, #06362E)
• Moonless Grove color palette (#D4E8EA, #00688F, #003363, #140054, #140026)

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