Tempered Navy Pier color palette — #DAE6FA · #4463C1 · #724C00 · #0D0089 · #020100

Indigo takes the lead with Royal Blue close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Frost (#DAE6FA): A whisper-light, dusty violet — the color of wild irises.
• Royal Blue (#4463C1): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#724C00): A full-bodied, balanced gold — the color of old brass.
• Indigo (#0D0089): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Creativity, Energy, 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

• Cobalt Bloom color palette (#D1E4F6, #006FB6, #7B4600, #002D4E, #020100)
• Softworn Aubergine color palette (#EAEEFF, #6F53BF, #455F00, #320072, #010100)
• Patina Cabin color palette (#FFE7FB, #1D38C7, #543800, #06006D, #0A0500)
• Nightshade Coast color palette (#D3E4FB, #0040AE, #004731, #00184E, #000201)
• Pale Crimson color palette (#FBDEF1, #6467F6, #D1004A, #4136C4, #130002)
• Linen Balcony color palette (#E2F1EA, #AB7700, #5B4DFF, #0F0518, #00000C)
• Worn Chapel color palette (#E2EEFF, #B6A6D3, #CF5E98, #00526A, #010009)
• Soft Aubergine color palette (#EBECFF, #B685E7, #4F8700, #610098, #030A00)

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