Hushed Periwinkle color palette — #F5F4FF · #FAF4C9 · #E9DBD8 · #959FE0 · #40324C

Mauve and Custard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Custard (#FAF4C9): A whisper-light, dusty green — the color of new leaves after rain.
• Bone (#E9DBD8): a clean, paper-quiet neutral.
• Mauve (#959FE0): A luminous, balanced violet — the color of wild irises.
• Charcoal (#40324C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Hushed Periwinkle 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

• Timeworn Azure color palette (#F1F5FF, #EDDADD, #ADCDBD, #4E9FD0, #3F2C4F)
• Celadon Villa color palette (#FDF0FF, #EBFFAA, #D8DBCE, #C58AC5, #4D2D43)
• Sand Meadow color palette (#F7F3FF, #DDD7CD, #FFC781, #787FB4, #271830)
• Wandering Seafoam color palette (#ECF3FF, #70FFD0, #D5C5FF, #232542, #13141F)
• Soft Violet Quarry color palette (#FFF1F2, #F0D3CC, #EFA781, #8A5CC6, #683749)
• Misty Peony Meadow color palette (#FFF2EF, #E1DFCE, #A8E48C, #CF65A3, #442100)
• Blush Lantern color palette (#FEF0FF, #FF7084, #00A5B2, #00757F, #28102B)
• Aged Byzantium Loft color palette (#F5EEFF, #FDCEC8, #FCA3AD, #9D41A1, #44142D)

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