Back to palettes

Palette

Starry Violets

Deep purples and pinks evoke the mysteries of a dark, star-dusted sky infused with violet glows.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Starry Violets reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Starry Violets.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#8A2BE2#9932CC#DA70D6#EE82EE#C71585

Palette guide

How to use Starry Violets

Overview

The Starry Violets palette immerses designs in a rich spectrum of deep purples and vibrant magentas, evoking the mystique of a cosmic night sky infused with violet glows. Featuring commanding shades like #8A2BE2 (Blue Violet) and #9932CC (Dark Orchid), it provides a luxurious and dreamy foundation. Lighter, more ethereal tones such as #DA70D6 (Orchid) and #EE82EE (Violet) add a shimmering quality, while #C71585 (Medium Violet Red) injects a bold, passionate accent. This palette is exceptionally useful for designers and developers aiming to create visually stunning, elegant, or imaginative projects that demand depth, sophistication, and a touch of cosmic wonder.

Best used for

  • Luxury fashion or beauty branding
  • Creative art portfolios and websites
  • Spiritual or wellness app interfaces
  • Event branding for upscale parties or concerts
  • Fantasy or magical themed illustrations
  • Product packaging with a sophisticated edge

Suggested color roles

primary

Utilize #8A2BE2 or #9932CC as the main color for large sections, headers, or backgrounds to establish a dominant, luxurious presence.

secondary

Employ #DA70D6 and #EE82EE for supporting content, subheadings, or as softer gradients to add dimension.

accent

Reserve #C71585 for striking calls-to-action, important icons, or decorative elements that require a vibrant pop.

background

The darker shades like #8A2BE2 or #9932CC create an opulent, immersive background, allowing lighter elements to stand out dramatically.

text

For optimal readability on darker backgrounds, use a clean white or a very pale lavender. On lighter shades like #EE82EE, a deep charcoal or black is recommended.

Accessibility notes

  • Ensure high contrast when pairing text with the deeper violet tones; pure white or very light gray is often best.
  • Be cautious with text size and color on mid-tone purples like #DA70D6 to maintain readability.
  • Avoid using similar shades of purple for text and background to prevent visual fatigue and accessibility issues.
  • Test color combinations with accessibility tools to ensure compliance for all users, especially for interactive elements.

Recommended combinations

Cosmic Depth

Excellent for creating deep, layered backgrounds with a luminous accent, suitable for headers or hero sections.

#8A2BE2 · #9932CC · #EE82EE

Vibrant Sparkle

Ideal for highlighting interactive elements or adding a bold, energetic accent against a more subdued violet.

#DA70D6 · #C71585 · #8A2BE2

Dreamy Gradient

Perfect for smooth color transitions in backgrounds or decorative graphics, evoking a gradient night sky.

#9932CC · #DA70D6 · #EE82EE

CSS variables

:root {
  --starry-violets-1: #8A2BE2;
  --starry-violets-2: #9932CC;
  --starry-violets-3: #DA70D6;
  --starry-violets-4: #EE82EE;
  --starry-violets-5: #C71585;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starry-violets": {
        1: "#8A2BE2",
        2: "#9932CC",
        3: "#DA70D6",
        4: "#EE82EE",
        5: "#C71585",
      }
    }
  }
}

Related searches

dark purple color palettecosmic violet hex codesmagenta night themedreamy purple designluxury violet colors

Palette colors

Hex values

Color 1#8A2BE2
·
Color 2#9932CC
·
Color 3#DA70D6
·
Color 4#EE82EE
·
Color 5#C71585
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
2.1:1Fail
2.6:1Fail
1.1:1Fail
2
1:1Fail
2:1Fail
2.5:1Fail
1.1:1Fail
3
2.1:1Fail
2:1Fail
1.2:1Fail
1.9:1Fail
4
2.6:1Fail
2.5:1Fail
1.2:1Fail
2.3:1Fail
5
1.1:1Fail
1.1:1Fail
1.9:1Fail
2.3:1Fail

Similar palettes

More like Starry Violets

View all dark
Desert Starlight Glow
Galactic Nebula Swirl
Midnight Star Trail
Starry Night Canvas
Velvet Night Sky
Astral Dust Whisper