Tempered Navy Pier color palette — #D6F4F8 · #007DA8 · #004E81 · #150082 · #1B0D4B

Indigo takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D6F4F8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007DA8): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004E81): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#150082): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#1B0D4B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Hazy Onyx color palette (#DCEEED, #007F8E, #005773, #002F5A, #230943)
• Pale Basin color palette (#D6F3FF, #009EE4, #007CCD, #004AAE, #131759)
• Nightshade Dune color palette (#DDF2FF, #0063B4, #2E00C1, #250057, #1C0030)
• Gentle Peony color palette (#D8E4F4, #B4ABEE, #C269B8, #005369, #191B3E)
• Nightshade Ridge color palette (#E4EAFD, #6579E9, #2E00BD, #050067, #040030)
• Worn Sapphire color palette (#E1ECFC, #245FE5, #844800, #00219E, #2B1400)
• Wandering Ultramarine color palette (#E0EDFF, #0050C2, #6A4500, #333E0B, #02102D)
• Solar Grape color palette (#D1E4F3, #4384FF, #5E00ED, #520097, #470A5A)

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