Navy Pier color palette — #FEF0FB · #C39B41 · #233D9A · #0C1B63 · #290F26
A conversation between Indigo and Deep Indigo, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
- Mustard (#C39B41): A luminous, balanced gold — the color of honey in a jar.
- Indigo (#233D9A): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#0C1B63): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#290F26): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.
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
- Aubergine Cabin color palette (#FFF1F6, #C29C45, #562A8F, #32065D, #27131C)
- Marigold Grove color palette (#E1FCF5, #C29B43, #004A80, #002849, #00211A)
- Sapphire Grove color palette (#F0F6FF, #DEB545, #3D61C3, #1D3576, #0F1B2E)
- Navy Thicket color palette (#EBD7E4, #A9873C, #2A2181, #11004B, #150511)
- Quiet Honey Field color palette (#F0F6FF, #FCC643, #6C8AD9, #495A84, #131B28)
- Hazy Aubergine color palette (#FCDBDE, #B88A00, #66005D, #32002D, #1A0007)
- Muted Pewter Ridge color palette (#FDF2F2, #D3BD9A, #784F67, #4F2E2F, #2F211A)
- Quiet Indigo Grove color palette (#FFF0FB, #5B6AD4, #955400, #455000, #202751)
Browse the whole catalog at Explore, or see today's palette.