Hazy Indigo color palette — #FFF1F7 · #C5B0FF · #A3AF4B · #7F61BF · #272B00

Cornflower Indigo takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Lavender (#C5B0FF): A luminous, balanced violet — the color of wild irises.
• Gold (#A3AF4B): A luminous, balanced green — the color of new leaves after rain.
• Cornflower Indigo (#7F61BF): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#272B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Sapphire Garden color palette (#FFF0FD, #9FBFFF, #C8A040, #4570D2, #342500)
• Dusty Raspberry color palette (#FFF1F3, #E6A5E3, #78B979, #A64FA4, #06310A)
• Pale Orchid color palette (#FFE7EF, #D2ABF8, #CBBF3D, #A958E9, #3C3700)
• Soft Harbor color palette (#FFF1F4, #F0C0FF, #9FCA80, #A673B6, #2A401A)
• Feathered Villa color palette (#FFF1F2, #FF99DE, #00B06F, #AA0088, #002614)
• Soft Aubergine Workshop color palette (#EAEDFF, #A588EB, #758100, #532E91, #34390B)
• Weathered Boulevard color palette (#FFF1F5, #EDD7DE, #CCB6A4, #878ECA, #4D2A34)
• Pale Amber color palette (#FFF1F6, #B790EB, #D18025, #009284, #2C101D)

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