Dusty Indigo color palette — #FFF0F9 · #B0AEF7 · #A7AB56 · #7975C4 · #444617

Built around Periwinkle, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#B0AEF7): A luminous, balanced violet — the color of wild irises.
• Sage (#A7AB56): A luminous, balanced green — the color of new leaves after rain.
• Periwinkle (#7975C4): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#444617): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Gentle Terrace color palette (#FEF0FF, #8EBBF0, #D1984E, #4F83BF, #583C18)
• Softworn Lilac color palette (#FFF1F4, #D8B6E3, #8FC08F, #A579B2, #4D4E47)
• Soft Mustard Workshop color palette (#F1F5FF, #CFCFFF, #CCBE42, #837FCD, #18412F)
• Ultramarine Pier color palette (#FFF0FA, #919CD0, #869235, #4F59B9, #41461B)
• Amber Canyon color palette (#FFF0F7, #A697E7, #D18250, #359A7F, #482F3C)
• Soft Pier color palette (#EDDDFF, #CB91FF, #5AA100, #7D0CBC, #1B3600)
• Pewter Atelier color palette (#FFF1F3, #DAC18D, #8C5F8C, #5D353C, #2A1E20)
• Misty Plum color palette (#FFF1F2, #FF96DE, #00B687, #A53287, #004632)

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