Purple UI

5 colors · Creativity, luxury and originality
← All palettes

Palette colors

Misty Violet
#F5F3FF · rgb(245,243,255) · hsl(250°,100%,98%)
Misty Violet
#DDD6FE · rgb(221,214,254) · hsl(251°,95%,92%)
Soft Lavender
#A78BFA · rgb(167,139,250) · hsl(255°,92%,76%)
Deep Violet
#7C3AED · rgb(124,58,237) · hsl(262°,83%,58%)
Night Indigo
#4C1D95 · rgb(76,29,149) · hsl(264°,67%,35%)

CSS Code


    

Using the Purple UI palette in design

The Purple UI palette evokes creativity, luxury and originality. It consists of 5 colors selected for their visual harmony. Use it for web interfaces, print materials, presentations or visual identities. The dominant color Misty Violet (#F5F3FF) can serve as primary color, with the following hues as secondary and neutral variants. Copy the HEX codes or CSS variables directly into your Figma, Tailwind or stylesheet project.

Psychology and usage of the palette

In color psychology, a palette evoking creativity, luxury and originality directly influences the emotional perception of your audience. The 5 colors of the Purple UI palette are arranged in a harmonious progression — ideal for backgrounds, typography and interface elements. Always check the WCAG contrast of your text on each of these colors to ensure accessibility.

Information
Average color
#A789E5
Colors 5
Dom. hue 260°
Avg. saturation 64%
Avg. lightness 72%
Tone Light
Quick export