Navy Pier color palette — #FFD8DC · #E3AF94 · #959465 · #5A6B97 · #443C74

Built around Navy, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD8DC): A whisper-light, dusty red — the color of a theater curtain.
• Sand (#E3AF94): A luminous, dusty orange — the color of sun-warmed clay.
• Moss (#959465): A luminous, dusty green — the color of new leaves after rain.
• Slate (#5A6B97): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#443C74): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Patina Basalt color palette (#F4E2F2, #C9A380, #808355, #53587E, #382B52)
• Softworn Stone color palette (#FFDBE8, #C4C17A, #6CA1A0, #726F95, #523961)
• Airy Chapel color palette (#F6E8FF, #F5ABC5, #BD8462, #288195, #1C517C)
• Cypress Courtyard color palette (#FDE5BC, #C0B086, #778158, #06685E, #005258)
• Dusty Garnet color palette (#F1E2D3, #BBB85C, #539776, #7C4279, #701C32)
• Tempered Hollow color palette (#E8FBE9, #B7DACE, #94B5B9, #877E97, #604D62)
• Wandering Field color palette (#F8EADC, #8D8B39, #006F4F, #552D51, #3B0135)
• Sunlit Ridge color palette (#E2FDEA, #E4BB2C, #368BEC, #917400, #003A73)

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