Gentle Navy Pier color palette — #DEF5FF · #81B7E4 · #4975C3 · #413A8C · #2B054E
Indigo and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DEF5FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#81B7E4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#4975C3): A full-bodied, balanced violet — the color of a velvet chair.
- Indigo (#413A8C): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#2B054E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Gentle 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
- Misty Workshop color palette (#E3EFFF, #97A6E5, #7B64BA, #62347A, #3C0235)
- Denim Ridge color palette (#C3FFFA, #5CC0D0, #0081A9, #0E4B86, #0E1B55)
- Frosted Boulevard color palette (#D7F4FF, #8ACBFF, #7694D6, #605F9C, #482D6A)
- Patina Aubergine Canyon color palette (#AEFFFA, #4ABDDE, #5272B4, #5F467E, #60255C)
- Indigo Harbor color palette (#FBF0E1, #5CA5D4, #5C5FB6, #68381B, #2B1D2C)
- Hushed Grape color palette (#D7ECFF, #598CFF, #5E05F5, #460072, #210026)
- Nightshade Meadow color palette (#D5E6F1, #015DC7, #2600A5, #1B0042, #050009)
- Nightshade Market color palette (#E5ECFF, #543DB8, #440065, #1D0021, #040002)
Browse the whole catalog at Explore, or see today's palette.