Back to palettes

Palette

Deep Plum Twilight

A rich, luxurious palette that evokes the deep, enchanting hues of twilight.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Plum Twilight 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 Deep Plum Twilight.

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

Data visualization

#3A003A#660066#993399#CC66CC#550055

Palette guide

How to use Deep Plum Twilight

Overview

The Deep Plum Twilight palette evokes the deep, enchanting hues of twilight with a rich, luxurious spectrum of purples. From the profound #3A003A to the vibrant #CC66CC, this palette is ideal for designs that aim for elegance, mystery, and a touch of romance. Designers can craft sophisticated digital experiences, captivating branding, and unique UI themes. Developers will find these hex codes perfect for projects related to luxury, fashion, or any application that benefits from a warm, yet dark, and inviting aesthetic. The progression from #550055 to #993399 allows for excellent depth and visual hierarchy.

Best used for

  • Luxury fashion or beauty brand websites
  • Event branding for evening galas or concerts
  • Fine dining restaurant websites
  • Spiritual or wellness app interfaces
  • Creative portfolio sites
  • Art and design showcases

Suggested color roles

primary

Utilize #550055 as the main background or primary content color, providing a deep, luxurious, and stable foundation.

secondary

Apply #660066 for secondary content areas, panels, or navigation, offering a rich visual distinction and layered effect.

accent

Introduce #CC66CC as a vibrant, luminous accent for calls-to-action, key features, or interactive elements, ensuring maximum impact.

background

The deepest hue, #3A003A, is excellent for expansive backgrounds or header sections, establishing an immediate tone of profound elegance.

text

For optimal readability, use a crisp white or very light gray. #CC66CC can be used for larger headings or highlights on the darkest backgrounds.

Accessibility notes

  • Ensure high contrast for text on #3A003A, #550055, and #660066 by using light text (e.g., white or #CC66CC).
  • The lightest color, #CC66CC, provides excellent contrast for primary text against all darker purples in the palette.
  • Avoid using #3A003A and #550055 for small text or critical UI elements in close proximity without careful contrast checks.
  • Always test color combinations with accessibility tools to ensure WCAG compliance for readability.

Recommended combinations

Plum Depths

Ideal for creating a layered, dark background or card system, conveying deep luxury and mystery.

#3A003A · #550055 · #660066

Twilight Bloom

Use #550055 as a base, with #993399 for secondary elements and #CC66CC for vibrant, romantic highlights or interactive states.

#550055 · #993399 · #CC66CC

Elegant Contrast

Excellent for a dark, profound background with a clear, vibrant accent and a strong mid-tone for supporting details.

#3A003A · #CC66CC · #660066

CSS variables

:root {
  --deep-plum-twilight-1: #3A003A;
  --deep-plum-twilight-2: #660066;
  --deep-plum-twilight-3: #993399;
  --deep-plum-twilight-4: #CC66CC;
  --deep-plum-twilight-5: #550055;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-plum-twilight": {
        1: "#3A003A",
        2: "#660066",
        3: "#993399",
        4: "#CC66CC",
        5: "#550055",
      }
    }
  }
}

Related searches

deep plum color palettetwilight purple hex codesluxury purple UI designdark elegant color schememysterious purple branding

Palette colors

Hex values

Color 1#3A003A
·
Color 2#660066
·
Color 3#993399
·
Color 4#CC66CC
·
Color 5#550055
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.6:1Fail
5.1:1AA
1.2:1Fail
2
1.4:1Fail
1.9:1Fail
3.6:1AA18
1.2:1Fail
3
2.6:1Fail
1.9:1Fail
1.9:1Fail
2.2:1Fail
4
5.1:1AA
3.6:1AA18
1.9:1Fail
4.2:1AA18
5
1.2:1Fail
1.2:1Fail
2.2:1Fail
4.2:1AA18

Similar palettes

More like Deep Plum Twilight

View all dark
Midnight Velvet Cloak
Enigmatic Shadow Tale
Midnight Masquerade Veil
Moonlit Abbey Shadow
Nebula Dream Dust
Nocturnal Garden Bloom