Navy Pier color palette — #F1E2E7 · #3488BC · #1E3186 · #002222 · #0E0024

Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Rose Water (#F1E2E7): a clean, paper-quiet neutral.
• Cerulean (#3488BC): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#1E3186): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#002222): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0E0024): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, 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 Cerulean color palette (#F9E7F4, #2E8E9E, #004162, #002416, #020329)
• Nightshade Balcony color palette (#E2EDE1, #4196D7, #3032AC, #003031, #1D0038)
• Aged Market color palette (#D2E7E6, #6598C0, #0059A1, #00384D, #000720)
• Powdered Hollow color palette (#F1E3EA, #44ACCF, #0057A1, #003F34, #1A1549)
• Sapphire Workshop color palette (#EEE4DB, #75A6CD, #416DD6, #005C65, #0A0028)
• Soft Workshop color palette (#F8E9F5, #5FC3CD, #00719B, #005330, #182C53)
• Muted Amber Delta color palette (#EFE1F8, #D86B2C, #867300, #3D1D5D, #1C0419)
• Misty Courtyard color palette (#FCF1FC, #83E1DF, #008DAF, #1F6A2D, #204265)

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