Weathered Navy color palette — #EEF8F1 · #886F0B · #006866 · #443585 · #371F2A

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

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Walnut (#886F0B): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006866): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#443585): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#371F2A): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant, 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

• Weathered Navy Basin color palette (#ECF9F1, #816E0D, #406622, #004482, #311F35)
• Weathered Aubergine color palette (#EBF9F1, #867F34, #006A85, #662661, #182F24)
• Feathered Summit color palette (#FDF1F7, #B7774D, #00755C, #563084, #542C0E)
• Powdered Pine color palette (#F1F4E4, #338E46, #006B8A, #27417A, #200E14)
• Airy Navy color palette (#E6F9FD, #007A6D, #1946A5, #6D0029, #00251D)
• Onyx Hollow color palette (#D6F0F3, #006E5A, #003F60, #510032, #00160E)
• Softworn Aubergine color palette (#D4F3EF, #0A6F1E, #005352, #440067, #261500)
• Weathered Bronze Alley color palette (#F1F7F2, #D2DDDD, #B1C3C8, #8D6F2F, #3E4C41)

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