Airy Indigo Harbor color palette — #CFE0FD · #7191FC · #5656FD · #4539A3 · #332A57

Cornflower Indigo and Indigo set the tone — five colors that lean into creativity and calm.

The five colors

• Powder Blue (#CFE0FD): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#7191FC): A luminous, vivid violet — the color of wild irises.
• Cornflower Indigo (#5656FD): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#4539A3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#332A57): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

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

• Soft Violet color palette (#DCE3FF, #9E9EFA, #8261F1, #67499E, #3D2C50)
• Ancient Indigo color palette (#C7F0FF, #5FAEFF, #665CDB, #5C319C, #3A093F)
• Washed Ultramarine Cabin color palette (#D0ECFF, #398DFF, #423FC8, #4B2A7B, #3D1B46)
• Patina Amethyst color palette (#E5D9FF, #B992F5, #8541DC, #572093, #210141)
• Hazy Scarlet color palette (#D6DDFA, #9B81F9, #F22B2A, #6A3ECD, #4D0F0D)
• Airy Azure color palette (#DEEFF8, #00A0E4, #007EC6, #00518F, #072959)
• Feathered Lantern color palette (#D8DFFF, #C3A4F2, #AC73D9, #8B5B9D, #483F62)
• Chalky Pier color palette (#EDEEFF, #A163DB, #E10055, #0070A6, #271539)

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