Navy Pier color palette — #FFF0FB · #BD7162 · #147646 · #3D3D85 · #54263F
Indigo takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Caramel (#BD7162): A luminous, balanced orange — the color of toasted spice.
- Pine (#147646): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#3D3D85): A full-bodied, balanced violet — the color of twilight just after sunset.
- Mulberry (#54263F): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Dusty Aubergine color palette (#FDF2F6, #BC8D62, #0F8179, #65427B, #543750)
- Patina Fern color palette (#F6F3FF, #AA72A5, #6D6600, #004D73, #4D284A)
- Tempered Loft color palette (#EAFAF1, #908B4F, #1D7454, #582F84, #4A3300)
- Antique Veranda color palette (#FDDDF0, #B84300, #005A41, #3A0084, #450D00)
- Gentle Pine color palette (#F8F1E3, #A38C2B, #007A30, #004A4F, #321600)
- Wandering Pewter Basin color palette (#FFE7F7, #A9C5AD, #658881, #69597E, #584454)
- Gentle Emerald color palette (#ECF9F3, #A9AA53, #009862, #006A77, #4F2B3B)
- Softworn Cobalt Dune color palette (#FAF3F6, #CADFF1, #688AC4, #007077, #3C4665)
Browse the whole catalog at Explore, or see today's palette.