Shades of Purple

Shades of purple include violet, lavender, plum, orchid, indigo, and amethyst. The base purple color's hex value in HTML is #800080. Browse the gallery, copy HEX codes, or build a full palette in Shade Color.

All Shades of Purple

55 named colors · one-click copy · WCAG contrast vs white/black

Shade Color

Browse named purple colors, copy a precise HEX in one click, and check WCAG contrast on white or black. Display Format only changes how values are shown — it does not build a theme scale. Turn on Preview UI to see each color as text and a button.

Purple

#800080 Palette

W 9.4:1 AAA B 2.2:1 Fail

Indigo

#4B0082 Palette

W 13.0:1 AAA B 1.6:1 Fail

Dark Magenta

#8B008B Palette

W 8.5:1 AAA B 2.5:1 Fail

Dark Violet

#9400D3 Palette

W 6.6:1 AA B 3.2:1 Fail

Dark Orchid

#9932CC Palette

W 5.7:1 AA B 3.7:1 Fail

Medium Orchid

#BA55D3 Palette

W 3.9:1 Fail B 5.3:1 AA

Medium Purple

#9370DB Palette

W 3.8:1 Fail B 5.6:1 AA

Medium Slate Blue

#7B68EE Palette

W 4.2:1 Fail B 5.1:1 AA

Blue Violet

#8A2BE2 Palette

W 6.0:1 AA B 3.5:1 Fail

Slate Blue

#6A5ACD Palette

W 5.3:1 AA B 4.0:1 Fail

Rebecca Purple

#663399 Palette

W 8.4:1 AAA B 2.5:1 Fail

Orchid

#DA70D6 Palette

W 2.9:1 Fail B 7.3:1 AAA

Violet

#EE82EE Palette

W 2.3:1 Fail B 9.1:1 AAA

Plum

#DDA0DD Palette

W 2.1:1 Fail B 10.1:1 AAA

Thistle

#D8BFD8 Palette

W 1.7:1 Fail B 12.4:1 AAA

Lavender

#E6E6FA Palette

W 1.2:1 Fail B 17.1:1 AAA

Lavender Blush

#FFF0F5 Palette

W 1.1:1 Fail B 19.0:1 AAA

Amethyst

#9966CC Palette

W 4.1:1 Fail B 5.1:1 AA

Byzantium

#702963 Palette

W 9.6:1 AAA B 2.2:1 Fail

Tyrian Purple

#66023C Palette

W 12.8:1 AAA B 1.6:1 Fail

Royal Purple

#7851A9 Palette

W 5.9:1 AA B 3.5:1 Fail

Electric Purple

#BF00FF Palette

W 4.5:1 AA B 4.7:1 AA

Neon Purple

#B026FF Palette

W 4.6:1 AA B 4.6:1 AA

Grape

#6F2DA8 Palette

W 8.0:1 AAA B 2.6:1 Fail

Eggplant

#614051 Palette

W 8.9:1 AAA B 2.4:1 Fail

Mulberry

#C54B8C Palette

W 4.4:1 Fail B 4.8:1 AA

Wisteria

#C9A0DC Palette

W 2.2:1 Fail B 9.5:1 AAA

Lilac

#C8A2C8 Palette

W 2.2:1 Fail B 9.5:1 AAA

Mauve

#E0B0FF Palette

W 1.8:1 Fail B 11.8:1 AAA

Heliotrope

#DF73FF Palette

W 2.6:1 Fail B 8.0:1 AAA

Fuchsia

#FF00FF Palette

W 3.1:1 Fail B 6.7:1 AA

Magenta

#FF00FF Palette

W 3.1:1 Fail B 6.7:1 AA

Deep Purple

#36013F Palette

W 17.0:1 AAA B 1.2:1 Fail

Persian Indigo

#32127A Palette

W 14.0:1 AAA B 1.5:1 Fail

Purple Heart

#69359C Palette

W 8.1:1 AAA B 2.6:1 Fail

Palatinate

#682860 Palette

W 10.2:1 AAA B 2.1:1 Fail

Pomp and Power

#86608E Palette

W 5.2:1 AA B 4.1:1 Fail

African Violet

#B284BE Palette

W 3.0:1 Fail B 6.9:1 AA

Chinese Violet

#856088 Palette

W 5.2:1 AA B 4.0:1 Fail

French Lilac

#86608E Palette

W 5.2:1 AA B 4.1:1 Fail

Kobi

#E79FC4 Palette

W 2.1:1 Fail B 10.2:1 AAA

Opera Mauve

#B784A7 Palette

W 3.1:1 Fail B 6.9:1 AA

Pale Purple

#FAE6FA Palette

W 1.2:1 Fail B 17.8:1 AAA

Pansy Purple

#78184A Palette

W 10.4:1 AAA B 2.0:1 Fail

Phlox

#DF00FF Palette

W 3.8:1 Fail B 5.6:1 AA

Purple Mountain

#9678B6 Palette

W 3.7:1 Fail B 5.7:1 AA

Russian Violet

#32174D Palette

W 15.4:1 AAA B 1.4:1 Fail

Twilight Lavender

#8A496B Palette

W 6.5:1 AA B 3.2:1 Fail

Ultra Violet

#645394 Palette

W 6.5:1 AA B 3.2:1 Fail

Veronica

#A020F0 Palette

W 5.3:1 AA B 4.0:1 Fail

Iris Purple

#5A4FCF Palette

W 6.1:1 AA B 3.5:1 Fail

Electric Indigo

#6F00FF Palette

W 6.7:1 AA B 3.1:1 Fail

Han Purple

#5218FA Palette

W 7.3:1 AAA B 2.9:1 Fail

Purple Navy

#4E5180 Palette

W 7.5:1 AAA B 2.8:1 Fail

Soft Purple

#C3B1E1 Palette

W 2.0:1 Fail B 10.7:1 AAA

Popular Shade Collections

Browse other named shade galleries, or open the Shade Color tool to generate a custom 50–950 palette.

Shades of Blue

Shades of Green

Shades of Pink

Shades of Gray

Shades of Brown

Shades of Yellow

Shades of Red

Shades of Black

About Shades of Purple

Purple spans soft lavender branding, creative tool accents, and deep plum dark themes. Lighter violets feel approachable; jewel tones feel premium.

Want a full Purple theme (50–950)?

Pick one base color from the gallery above.
Click Palette on that card to open Shade Color.
The tool builds a locked-H / locked-S lightness scale (HSL algorithm) named like Purple-50 … 950.
Copy the HEX values into CSS variables for production.

Popular Purple Shades Glossary

Use the purple notes below to tell violet, plum, and lavender apart when building creative or beauty palettes.

What is Lavender?

Lavender (#E6E6FA) is a pale violet wash. Ideal for soft backgrounds, beauty brands, and calming onboarding screens.

What is Violet?

Violet (#EE82EE) is a light purple with a balanced character. It pairs well with neutrals and holds up in premium education products.

What is Plum?

Plum (#DDA0DD) is a soft purple with a pink lean. Friendly for lifestyle, cosmetics, and illustration palettes.

What is Indigo?

Indigo (#4B0082) sits between blue and violet. Deep and contemplative—good for creative tools, night modes, and premium tech.

What is Amethyst?

Amethyst (#9966CC) is a medium gemstone purple. It feels creative and premium for education and culture brands.

What is Orchid?

Orchid (#DA70D6) is a bright pinkish purple. Use it for expressive accents in fashion and entertainment UIs.

What is Royal Purple?

Reach for Royal Purple (#7851A9) when you need a mid-tone purple that feels formal. It pairs well with neutrals and holds up in spiritual or mindful apps.

What is Rebecca Purple?

Rebecca Purple (#663399) is a CSS-named purple honoring Rebecca Meyer. A distinctive mid-purple for web and memorial branding.

More Purple color definitions

Purple (#800080): Purple (#800080) is a very dark purple with a dramatic character. It pairs well with neutrals and holds up in premium education products.
Dark Magenta (#8B008B): Reach for Dark Magenta (#8B008B) when you need a very dark purple that feels dramatic. Around HSL(300, 100%, 27%), it stays useful for premium education products.
Dark Violet (#9400D3): Dark Violet (#9400D3) reads as a dramatic deep purple in digital palettes. On screens it stays readable for fashion lookbooks when contrast is checked.
Dark Orchid (#9932CC): Designers pick Dark Orchid (#9932CC) as a deep purple accent with a vivid vibe. It pairs well with neutrals and holds up in creative tool accents.
Medium Orchid (#BA55D3): Medium Orchid (#BA55D3) lands as a mid-tone purple—balanced enough for fashion lookbooks. Its RGB mix (186, 85, 211) skews toward balanced purple work—especially fashion lookbooks.
Medium Purple (#9370DB): Medium Purple (#9370DB) is a mid-tone purple with a balanced character. Around HSL(259, 59%, 64%), it stays useful for creative tool accents.
Medium Slate Blue (#7B68EE): Medium Slate Blue (#7B68EE) brings a balanced, mid-tone note to the purple family. On screens it stays readable for night-mode entertainment UI when contrast is checked.
Blue Violet (#8A2BE2): Reach for Blue Violet (#8A2BE2) when you need a deep purple that feels dramatic. It pairs well with neutrals and holds up in spiritual or mindful apps.
Slate Blue (#6A5ACD): Slate Blue (#6A5ACD) reads as a balanced mid-tone purple in digital palettes. Its RGB mix (106, 90, 205) skews toward balanced purple work—especially night-mode entertainment UI.
Thistle (#D8BFD8): Reach for Thistle (#D8BFD8) when you need a pale purple that feels muted. Around HSL(300, 24%, 79%), it stays useful for premium education products.
Lavender Blush (#FFF0F5): Designers pick Lavender Blush (#FFF0F5) as a pale purple accent with a muted vibe. It pairs well with neutrals and holds up in creative tool accents.
Byzantium (#702963): Byzantium (#702963) is a deep purple with a dramatic character. Around HSL(310, 46%, 30%), it stays useful for creative tool accents.
Tyrian Purple (#66023C): Tyrian Purple (#66023C) brings a dramatic, very dark note to the purple family. On screens it stays readable for night-mode entertainment UI when contrast is checked.
Electric Purple (#BF00FF): Electric Purple (#BF00FF) reads as a high-energy deep purple in digital palettes. Its RGB mix (191, 0, 255) skews toward high-energy purple work—especially night-mode entertainment UI.
Neon Purple (#B026FF): Designers pick Neon Purple (#B026FF) as a deep purple accent with a high-energy vibe. Around HSL(278, 100%, 57%), it stays useful for spiritual or mindful apps.
Grape (#6F2DA8): Grape (#6F2DA8) lands as a deep purple—dramatic enough for fashion lookbooks. On screens it stays readable for beauty and wellness brands when contrast is checked.
Eggplant (#614051): Eggplant (#614051) is a deep purple with a dramatic character. It pairs well with neutrals and holds up in premium education products.
Mulberry (#C54B8C): Mulberry (#C54B8C) brings a balanced, mid-tone note to the purple family. Its RGB mix (197, 75, 140) skews toward balanced purple work—especially beauty and wellness brands.
Wisteria (#C9A0DC): Reach for Wisteria (#C9A0DC) when you need a light purple that feels balanced. Around HSL(281, 46%, 74%), it stays useful for premium education products.
Lilac (#C8A2C8): Lilac (#C8A2C8) reads as a balanced light purple in digital palettes. On screens it stays readable for fashion lookbooks when contrast is checked.
Mauve (#E0B0FF): Designers pick Mauve (#E0B0FF) as a pale purple accent with a balanced vibe. It pairs well with neutrals and holds up in creative tool accents.
Heliotrope (#DF73FF): Heliotrope (#DF73FF) lands as a light purple—balanced enough for fashion lookbooks. Its RGB mix (223, 115, 255) skews toward balanced purple work—especially fashion lookbooks.
Fuchsia (#FF00FF): Fuchsia (#FF00FF) is a deep purple with a dramatic character. Around HSL(300, 100%, 50%), it stays useful for creative tool accents.
Magenta (#FF00FF): Magenta (#FF00FF) is a pure process pink-purple. Extremely loud—best as a neon accent or print process reference.
Deep Purple (#36013F): Reach for Deep Purple (#36013F) when you need a very dark purple that feels dramatic. It pairs well with neutrals and holds up in spiritual or mindful apps.
Persian Indigo (#32127A): Persian Indigo (#32127A) reads as a dramatic very dark purple in digital palettes. Its RGB mix (50, 18, 122) skews toward dramatic purple work—especially night-mode entertainment UI.
Purple Heart (#69359C): Designers pick Purple Heart (#69359C) as a deep purple accent with a dramatic vibe. Around HSL(270, 49%, 40%), it stays useful for spiritual or mindful apps.
Palatinate (#682860): Palatinate (#682860) lands as a deep purple—dramatic enough for fashion lookbooks. On screens it stays readable for beauty and wellness brands when contrast is checked.
Pomp and Power (#86608E): Pomp and Power (#86608E) is a mid-tone purple with a balanced character. It pairs well with neutrals and holds up in premium education products.
African Violet (#B284BE): African Violet (#B284BE) brings a balanced, light note to the purple family. Its RGB mix (178, 132, 190) skews toward balanced purple work—especially beauty and wellness brands.
Chinese Violet (#856088): Reach for Chinese Violet (#856088) when you need a mid-tone purple that feels balanced. Around HSL(295, 17%, 45%), it stays useful for premium education products.
French Lilac (#86608E): French Lilac (#86608E) reads as a balanced mid-tone purple in digital palettes. On screens it stays readable for fashion lookbooks when contrast is checked.
Kobi (#E79FC4): Designers pick Kobi (#E79FC4) as a light purple accent with a balanced vibe. It pairs well with neutrals and holds up in creative tool accents.
Opera Mauve (#B784A7): Opera Mauve (#B784A7) lands as a light purple—balanced enough for fashion lookbooks. Its RGB mix (183, 132, 167) skews toward balanced purple work—especially fashion lookbooks.
Pale Purple (#FAE6FA): Pale Purple (#FAE6FA) is a pale purple with a muted character. Around HSL(300, 66%, 94%), it stays useful for creative tool accents.
Pansy Purple (#78184A): Pansy Purple (#78184A) brings a dramatic, deep note to the purple family. On screens it stays readable for night-mode entertainment UI when contrast is checked.
Phlox (#DF00FF): Reach for Phlox (#DF00FF) when you need a deep purple that feels dramatic. It pairs well with neutrals and holds up in spiritual or mindful apps.
Purple Mountain (#9678B6): Purple Mountain (#9678B6) reads as a balanced mid-tone purple in digital palettes. Its RGB mix (150, 120, 182) skews toward balanced purple work—especially night-mode entertainment UI.
Russian Violet (#32174D): Designers pick Russian Violet (#32174D) as a very dark purple accent with a dramatic vibe. Around HSL(270, 53%, 19%), it stays useful for spiritual or mindful apps.
Twilight Lavender (#8A496B): Twilight Lavender (#8A496B) lands as a mid-tone purple—balanced enough for fashion lookbooks. On screens it stays readable for beauty and wellness brands when contrast is checked.
Ultra Violet (#645394): Ultra Violet (#645394) is a mid-tone purple with a high-energy character. It pairs well with neutrals and holds up in premium education products.
Veronica (#A020F0): Veronica (#A020F0) brings a dramatic, deep note to the purple family. Its RGB mix (160, 32, 240) skews toward dramatic purple work—especially beauty and wellness brands.
Iris Purple (#5A4FCF): Reach for Iris Purple (#5A4FCF) when you need a mid-tone purple that feels balanced. Around HSL(245, 57%, 56%), it stays useful for premium education products.
Electric Indigo (#6F00FF): Electric Indigo (#6F00FF) reads as a high-energy very dark purple in digital palettes. On screens it stays readable for fashion lookbooks when contrast is checked.
Han Purple (#5218FA): Designers pick Han Purple (#5218FA) as a deep purple accent with a dramatic vibe. It pairs well with neutrals and holds up in creative tool accents.
Purple Navy (#4E5180): Purple Navy (#4E5180) lands as a deep purple—balanced enough for fashion lookbooks. Its RGB mix (78, 81, 128) skews toward balanced purple work—especially fashion lookbooks.
Soft Purple (#C3B1E1): Soft Purple (#C3B1E1) is a light purple with a balanced character. Around HSL(262, 44%, 78%), it stays useful for creative tool accents.

FAQ

How to use this page?

Copy any named purple HEX, or open it in Shade Color to generate matching tints and shades.

What is the most popular shade of purple?

Lavender is the most approachable popular purple online—soft enough for backgrounds while still reading clearly as purple.

What is the base purple HEX value?

The reference base purple on this page uses #800080. Use it as a starting seed in Shade Color, or pick any named swatch above as your base.

How do I turn a swatch into a full UI theme?

Click Palette on one gallery card. Shade Color locks hue and saturation, then varies lightness into tokens like Purple-50 through Purple-950 for CSS variables.

What do the W / B contrast labels mean?

Each card shows WCAG 2.x contrast for this color used as text on white (W) and text on black (B). AA means at least 4.5:1 (normal text); AAA means at least 7:1. Fail means below 4.5:1 — still fine for large decorative areas, but avoid for small body text.

What does Preview UI show?

Turn on Preview UI to see the color as text on white/black and as a simple button sample. It is a quick accessibility and context check—not a full design system.

Why use this gallery instead of sampling from a screenshot?

Named colors here use fixed HEX values, so you avoid compression and display-profile drift from screenshots. Copy the code once, then reuse it consistently in CSS or design tokens. For a full 50–950 CSS variable block, open Palette on a card and use Copy CSS in Shade Color.