Navy Pier color palette — #DBE7FC · #5B8800 · #101476 · #020226 · #000107

Deep Indigo takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DBE7FC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Olive Leaf (#5B8800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#101476): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#020226): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Depth, Luxury. 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

• Deep Pine color palette (#DDDFF2, #00913A, #390065, #0D001E, #010007)
• Lowlit Onyx Grove color palette (#E4ECFF, #007B55, #1A005E, #220D20, #020014)
• Powdered Moss color palette (#EFDDE8, #81A039, #3B3885, #16094C, #080005)
• Obsidian Bronze Terrace color palette (#E2E8F5, #B45E00, #1A1B69, #030225, #000009)
• Softworn Aubergine color palette (#FCE7F2, #CB9900, #3D2089, #090023, #040002)
• Hushed Parlor color palette (#EFE5F5, #8CAD56, #752349, #24142D, #08030B)
• Muted Archive color palette (#EBF2FF, #81C693, #425285, #1B273C, #080C15)
• Ancient Aubergine Archive color palette (#E7E7F1, #BAAEC2, #A1829A, #5B2873, #0A0914)

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