Back to palettes

Palette

Imperial Velvet

A luxurious and rich palette of deep purples, reflecting the opulence of imperial velvet and rare jewels.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#311B92#4527A0#673AB7#8057C0#1A0D40

Palette guide

How to use Imperial Velvet

Overview

The Imperial Velvet palette is a luxurious and rich collection of deep purples, reflecting the opulence of imperial velvet and rare jewels. With profound hues like #311B92 and #1A0D40, complemented by the vibrant #673AB7 and softer #8057C0, this scheme offers designers and developers an elegant and sophisticated foundation. It's ideal for conveying luxury, mystery, and a sense of exclusive refinement. Utilize these deep, velvety tones to create designs that feel lush, dramatic, and visually compelling, perfect for high-end branding or atmospheric digital experiences.

Best used for

  • Luxury fashion and beauty branding
  • High-end event planning and decor
  • Sophisticated interior design concepts
  • Premium digital interfaces and apps
  • Nightclub or entertainment venue branding
  • Artistic and theatrical productions

Suggested color roles

primary

Use #311B92 as a dominant, deep purple for main headings, navigation, or immersive backgrounds, establishing a regal presence.

secondary

Employ #4527A0 for supportive content blocks, subheadings, or secondary graphics, providing a rich, complementary tone.

accent

Apply #673AB7 as a vibrant accent for calls-to-action, icons, or key highlights that require a luxurious pop.

background

Utilize #1A0D40 as the darkest base for profound depth, creating a truly immersive and sophisticated backdrop.

text

For optimal readability on darker shades, crisp white or a very light gray is essential. #8057C0 can be used for large, decorative text on the darkest background.

Accessibility notes

  • White or very light gray text is essential on #1A0D40, #311B92, and #4527A0 to meet WCAG contrast guidelines.
  • Ensure sufficient contrast for all text and interactive elements, especially when using lighter purples on dark backgrounds.
  • While #8057C0 can provide some contrast, it may not be sufficient for small body text on the darkest backgrounds; prioritize white.
  • Provide clear and distinct focus indicators for interactive elements to aid navigation for all users.

Recommended combinations

Deep Luxury

Creates a rich, layered background or content block, perfect for conveying profound depth and sophistication.

#1A0D40 · #311B92 · #4527A0

Regal Highlight

Ideal for attention-grabbing elements, call-out boxes, or features that require a vibrant, luxurious presence.

#673AB7 · #8057C0 · #311B92

Velvet Depth

Excellent for subtle gradients, textured backgrounds, or creating a nuanced, sophisticated feel in visual designs.

#4527A0 · #8057C0 · #1A0D40

CSS variables

:root {
  --imperial-velvet-1: #311B92;
  --imperial-velvet-2: #4527A0;
  --imperial-velvet-3: #673AB7;
  --imperial-velvet-4: #8057C0;
  --imperial-velvet-5: #1A0D40;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "imperial-velvet": {
        1: "#311B92",
        2: "#4527A0",
        3: "#673AB7",
        4: "#8057C0",
        5: "#1A0D40",
      }
    }
  }
}

Related searches

imperial purple paletteluxury velvet colorsdeep purple brandingelegant dark purple designrich jewel tone purple

Palette colors

Hex values

Color 1#311B92
·
Color 2#4527A0
·
Color 3#673AB7
·
Color 4#8057C0
·
Color 5#1A0D40
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2.4:1Fail
1.4:1Fail
2
1.2:1Fail
1.4:1Fail
2:1Fail
1.7:1Fail
3
1.7:1Fail
1.4:1Fail
1.4:1Fail
2.4:1Fail
4
2.4:1Fail
2:1Fail
1.4:1Fail
3.4:1AA18
5
1.4:1Fail
1.7:1Fail
2.4:1Fail
3.4:1AA18

Similar palettes

More like Imperial Velvet

View all dark