Back to palettes

Palette

Velvet Drapes

A rich, regal assortment of purples and deep blues reminiscent of luxurious theater velvet.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Drapes 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 Velvet Drapes.

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

Data visualization

#6A5ACD#483D8B#8A2BE2#9370DB#BA55D3

Palette guide

How to use Velvet Drapes

Overview

The "Velvet Drapes" palette offers a rich, regal assortment of purples and deep blues, reminiscent of luxurious theater velvet. With sophisticated hues like #483D8B and #6A5ACD, complemented by the vibrant #BA55D3 and #8A2BE2, this collection provides a balanced yet dramatic range. It's an excellent choice for designers and developers aiming to infuse projects with elegance, depth, and a touch of artistic flair. This palette is highly versatile for creating engaging UI, impactful branding, or captivating digital art with a timeless, opulent appeal.

Best used for

  • Luxury brand identity and packaging
  • Sophisticated app and website design
  • Elegant event themes and decor
  • Fantasy game user interface elements
  • Fashion accessories and textile design
  • Interior decor accents and mood boards

Suggested color roles

primary

Designate #483D8B as the deep, anchoring blue-purple, ideal for large backgrounds or foundational elements.

secondary

Use #6A5ACD as a rich, supporting blue-purple for secondary content, navigation, or subtle depth.

accent

Apply #BA55D3 as a vibrant accent, perfect for calls to action, highlights, or interactive elements that need to pop.

background

Employ #483D8B for a deep, immersive background that establishes the palette's luxurious and elegant feel.

text

For optimal readability, use white or a very light grey for all text elements against these rich, dark colors.

Accessibility notes

  • Ensure adequate contrast for text on #6A5ACD and #9370DB; consider using dark grey or black text if on a lighter background.
  • #BA55D3 may be too light for white text; test contrast carefully for readability against its brightness.
  • All text on #483D8B and #8A2BE2 should be light (e.g., white) to meet accessibility standards.
  • Avoid using small font sizes with low contrast, especially for interactive elements and key information.

Recommended combinations

Regal Blue-Purple

Creates a sophisticated and harmonious blend of deep blues and purples, ideal for core branding.

#483D8B · #6A5ACD · #8A2BE2

Vibrant Drapes

Introduces a brighter, more lively feel while maintaining elegance, suitable for accents and calls to action.

#BA55D3 · #9370DB · #483D8B

Elegant Blend

Offers a balanced and flowing combination, perfect for gradients, layered designs, or visual hierarchy.

#6A5ACD · #8A2BE2 · #9370DB

CSS variables

:root {
  --velvet-drapes-1: #6A5ACD;
  --velvet-drapes-2: #483D8B;
  --velvet-drapes-3: #8A2BE2;
  --velvet-drapes-4: #9370DB;
  --velvet-drapes-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-drapes": {
        1: "#6A5ACD",
        2: "#483D8B",
        3: "#8A2BE2",
        4: "#9370DB",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

luxurious purple blueelegant velvet colorsrich theater palettesophisticated violet huesdramatic blue purple

Palette colors

Hex values

Color 1#6A5ACD
·
Color 2#483D8B
·
Color 3#8A2BE2
·
Color 4#9370DB
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.1:1Fail
1.4:1Fail
1.3:1Fail
2
1.7:1Fail
1.5:1Fail
2.4:1Fail
2.3:1Fail
3
1.1:1Fail
1.5:1Fail
1.6:1Fail
1.5:1Fail
4
1.4:1Fail
2.4:1Fail
1.6:1Fail
1:1Fail
5
1.3:1Fail
2.3:1Fail
1.5:1Fail
1:1Fail

Similar palettes

More like Velvet Drapes

View all dark
Elderberry Preserve
Gemstone Radiance Aura
Grape Escape
Midnight Fig Harvest
Midnight Plum Velvet
Opulent Jewel Casket