Navy Pier color palette — #F5ECF4 · #CEB2BE · #A58A8C · #0D387A · #030003
A conversation between Navy and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Blush (#F5ECF4): bright and airy, almost weightless.
- Rosewood Mist (#CEB2BE): A luminous, dusty rose — the color of strawberry cream.
- Heather (#A58A8C): A luminous, dusty red — the color of a theater curtain.
- Navy (#0D387A): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Muted Aubergine Drift color palette (#EDDEE3, #D0B2B2, #A98A7E, #4E2071, #040001)
- Abyss Grove color palette (#E4ECE6, #A6C2BA, #A78799, #00444E, #000200)
- Timeworn Navy Studio color palette (#E9E0E7, #988892, #7B636F, #130083, #040003)
- Worn Villa color palette (#E2E7F1, #A29DAE, #8D839A, #4359B8, #02081A)
- Ancient Denim Hollow color palette (#FFF1F6, #F0D4C7, #D2B3A9, #6B5090, #15080D)
- Softworn Violet color palette (#D3E5F6, #8E68C2, #6E3E49, #002D0B, #000200)
- Tempered Olive color palette (#FAE7D0, #7B8100, #004917, #2E072F, #010100)
- Raspberry Delta color palette (#FFF1F2, #E2D9D1, #ADBBC8, #AF5A9E, #341D1F)
Browse the whole catalog at Explore, or see today's palette.