Navy Pier color palette — #FDF1F8 · #9D6142 · #006C64 · #003D88 · #33283B

A conversation between Indigo and Walnut, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Walnut (#9D6142): A full-bodied, balanced orange — the color of toasted spice.
• Teal (#006C64): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#003D88): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#33283B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Forest Ridge color palette (#FBF1FC, #AF636A, #00693F, #004A67, #2B283E)
• Hushed Aubergine color palette (#ECFAED, #916928, #006278, #4A3485, #332233)
• Patina Terrace color palette (#EEF9ED, #AC7F3D, #007559, #1F4193, #5B2037)
• Faded Rust color palette (#F9EEF5, #C15F47, #007243, #452971, #1C0A18)
• Worn Olive color palette (#EBFAEE, #B98E62, #706D22, #005479, #27452D)
• Ancient Aubergine Orchard color palette (#FFE4ED, #8A5100, #004C55, #2D0087, #320112)
• Soft Aubergine Courtyard color palette (#D4F0E4, #626400, #003F86, #4A004C, #220900)
• Ancient Bronze color palette (#FAF3F6, #D0D9DA, #ABC3C1, #A2632A, #504449)

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