Faded Navy color palette — #EEF9EE · #AD7610 · #37791F · #004BAA · #2C182D

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

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Ochre (#AD7610): A luminous, balanced gold — the color of honey in a jar.
• Olive (#37791F): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#004BAA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Indigo (#2C182D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Airy Lantern color palette (#FFF1F7, #BA6A22, #5F7400, #005B80, #28172D)
• Misty Denim Balcony color palette (#EBF9F0, #AF9C59, #338962, #464FA2, #33202E)
• Quiet Lantern color palette (#E3F4E4, #DB8A6A, #887800, #444C97, #472805)
• Dusty Lantern color palette (#FCF5E1, #707200, #00534B, #003A4D, #271322)
• Airy Aubergine color palette (#E6FBF1, #8D8915, #007E83, #61299B, #0C240F)
• Tempered Pier color palette (#E8F6E9, #BF8A1F, #007F94, #005A6B, #44104A)
• Hushed Aubergine Grove color palette (#D9F9F2, #528B00, #007160, #5800B0, #280E00)
• Gentle Nightshade color palette (#E2F0E4, #896300, #005A2D, #0600A4, #150100)

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