Hushed Navy Pier color palette — #EDD7DF · #5C96BF · #2B4095 · #00302F · #1B003A

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

The five colors

• Shell Pink (#EDD7DF): A whisper-light, dusty rose — the color of a warm blush.
• Slate Blue (#5C96BF): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#2B4095): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#00302F): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1B003A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hushed 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

• Navy Pier color palette (#E7DFD4, #5A90B7, #004692, #002A33, #01001D)
• Ancient Lagoon Orchard color palette (#F3E9F2, #4F9EA0, #005269, #003312, #00132E)
• Gentle Ultramarine color palette (#DAE8DC, #7FA7C5, #1E64BA, #004856, #080247)
• Airy Courtyard color palette (#D8EEFF, #AAA3E2, #9F5B86, #00474B, #111343)
• Inked Lagoon color palette (#D3E1F3, #3D67CA, #003874, #000F25, #000110)
• Tempered Petrol Loft color palette (#FAE9F1, #89B8D6, #4965A8, #00504C, #30264D)
• Navy Lantern color palette (#D6F2F0, #006E7C, #00435E, #001365, #1A0047)
• Muted Forest Pier color palette (#FEF0FF, #5BCCC9, #007A96, #005B14, #00345E)

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