Indigo Pier color palette — #E9F3FF · #A7DCFF · #75ACFF · #7368E5 · #031542

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

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Powder Blue (#A7DCFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#75ACFF): A luminous, balanced blue — the color of deep harbor water.
• Cornflower Indigo (#7368E5): A full-bodied, vivid violet — the color of wild irises.
• Midnight (#031542): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Violet Harbor color palette (#EDF2FF, #A0C2FF, #A2A1FF, #8E61C0, #180E34)
• Pale Harbor color palette (#E1E5F8, #809CFF, #8656FF, #881DA9, #0C001C)
• Dusty Cornflower Drift color palette (#E4F5FF, #51E7FF, #22C4F7, #0082E3, #00202E)
• Soft Orchid color palette (#FFF0FE, #1BE1F6, #6BACFF, #A45FBF, #262B5F)
• Ancient Dune color palette (#E3F6F5, #9ED8FB, #008AD4, #005F75, #00254A)
• Feathered Amethyst color palette (#DDE1FF, #9484FF, #7C2CF3, #5E229A, #37174D)
• Gentle Lilac color palette (#FFF0FE, #B8E0FF, #A0C8FF, #9597FF, #263662)
• Tempered Boulevard color palette (#EFF1FE, #E5CFEE, #C4A2FF, #BC77C6, #1F1E33)

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