Weathered Navy color palette — #D7F7E5 · #817300 · #4456AF · #1F238E · #010100

Indigo and Cobalt set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D7F7E5): A whisper-light, dusty teal — the color of sea glass.
• Walnut (#817300): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#4456AF): A full-bodied, balanced violet — the color of wild irises.
• Indigo (#1F238E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged cool.

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

• Aubergine Cabin color palette (#D4F8E9, #737900, #743EAF, #4C0680, #010100)
• Nightshade Garden color palette (#D9FCF0, #698700, #0040B2, #480026, #060001)
• Worn Bronze Lagoon color palette (#D9F7E4, #857200, #006B82, #003A66, #000201)
• Airy Grape color palette (#DBF6E1, #8E6D00, #6C42B1, #6F0107, #020100)
• Charred Aubergine color palette (#CDE8EA, #006149, #004579, #2A006D, #000303)
• Aubergine Pier color palette (#D9FDFF, #008450, #00535B, #400056, #020100)
• Nightshade Grove color palette (#FBE1D0, #853600, #0E25B4, #4B003B, #190800)
• Sunlit Station color palette (#FFE6F2, #7B9700, #006356, #4E0041, #000600)

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