Weathered Navy Pier color palette — #FFF4E1 · #B18700 · #5C6F00 · #00388D · #0D0400

Built around Indigo, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B18700): A luminous, balanced gold — the color of honey in a jar.
• Olive (#5C6F00): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#00388D): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0D0400): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Weathered Navy Pier 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 Station color palette (#FFF3E6, #FE8240, #678004, #3E2B9B, #241500)
• Pale Veranda color palette (#FFF4DB, #9A8600, #00775F, #54007F, #090700)
• Misty Orchard color palette (#FFF5D9, #9A8F00, #5F6600, #004F3E, #090004)
• Worn Emerald Lantern color palette (#F4F9DC, #00A02D, #00731E, #003B70, #080200)
• Tempered Garden color palette (#FFF2E9, #DF6B00, #975800, #004246, #0F0004)
• Muted Aubergine Terrace color palette (#EAFDD4, #00A47B, #007154, #3F159B, #080400)
• Soft Navy Pier color palette (#E0FAE5, #795900, #324900, #1D0086, #291600)
• Frosted Atelier color palette (#F3F9DF, #00C156, #008D3D, #4447B1, #1D0E00)

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