Palette

Starry Night Velour

A luxurious deep purple reminiscent of a velour sky dotted with distant stars.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Starry Night Velour 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 Night Velour.

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

Data visualization

#1C0B30#3E1E5E#6A3F9C#9E6ED8#C19AF0

Palette guide

How to use Starry Night Velour

Overview

The 'Starry Night Velour' palette offers a luxurious deep purple experience, reminiscent of a velour sky dotted with distant stars. Its rich tones, from the profound #1C0B30 to the soft lavender #C19AF0, create an elegant and cosmic atmosphere. The intermediate shades #3E1E5E, #6A3F9C, and #9E6ED8 provide a smooth, opulent gradient, making this palette ideal for designers and developers crafting sophisticated and enchanting digital products. It excels in conveying luxury, creativity, and a touch of mystical allure for discerning audiences.

Best used for

Luxury fashion brand websites
Creative agency portfolios
High-end event branding
Fantasy game user interfaces
Artistic and expressive websites
Sophisticated digital product designs

Suggested color roles

primary

Use #1C0B30 as the deepest, most elegant foundation for primary backgrounds or large hero sections.

secondary

Apply #3E1E5E for supporting content panels, navigation, or subtle background textures.

accent

Utilize #6A3F9C for vibrant calls-to-action, interactive elements, or key headings to add a pop of richness.

background

The profound #1C0B30 is ideal for a luxurious and immersive dark background.

text

For dark backgrounds, #C19AF0 or a bright white provides excellent readability and complements the palette beautifully.

Accessibility notes

Ensure #9E6ED8 and #C19AF0 have sufficient contrast when used as text on lighter backgrounds (if applicable).
#C19AF0 offers good contrast against the deepest purples, making it suitable for primary text on dark elements.
Avoid using similar purple tones for text and background (e.g., #6A3F9C text on #3E1E5E) without verifying contrast.
Use a very light text color (e.g., white or #F8F8F8) for optimal legibility on #1C0B30 and #3E1E5E backgrounds.

Recommended combinations

Royal Night

A deep base with a supporting dark tone and a light, ethereal accent for contrast and elegance.

#1C0B30 · #3E1E5E · #C19AF0

Velour Gradient

A smooth transition of purples, perfect for creating dynamic backgrounds, headers, or visual depth.

#3E1E5E · #6A3F9C · #9E6ED8

Starlight Shimmer

Combines a dark background with a vibrant accent and a soft highlight for engaging visual compositions.

#1C0B30 · #6A3F9C · #C19AF0

CSS variables

:root {
  --starry-night-velour-1: #1C0B30;
  --starry-night-velour-2: #3E1E5E;
  --starry-night-velour-3: #6A3F9C;
  --starry-night-velour-4: #9E6ED8;
  --starry-night-velour-5: #C19AF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starry-night-velour": {
        1: "#1C0B30",
        2: "#3E1E5E",
        3: "#6A3F9C",
        4: "#9E6ED8",
        5: "#C19AF0",
      }
    }
  }
}

Hex values

Color 1#1C0B30

Color 2#3E1E5E

Color 3#6A3F9C

Color 4#9E6ED8

Color 5#C19AF0

Accessibility

Contrast checker

1.4:1Fail

2.5:1Fail

5:1AA

8:1AAA

1.4:1Fail

1.8:1Fail

3.7:1AA18

5.9:1AA

2.5:1Fail

1.8:1Fail

2:1Fail

3.3:1AA18

5:1AA

3.7:1AA18

2:1Fail

1.6:1Fail

8:1AAA

5.9:1AA

3.3:1AA18

1.6:1Fail

Similar palettes

More like Starry Night Velour

View all dark

Deep Theatre Velvet

Gemstone Radiance Aura

Midnight Velour Drapes

Opulent Stage Drape

Plum Velvet Luxe

Regal Orchid Bloom