Back to palettes

Palette

Velvet Renaissance

Rich, luxurious tones reminiscent of deep velvet drapes and precious jewels in a medieval hall.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#993366#CC6699#F0A3D7#A064B0#552B5B

Palette guide

How to use Velvet Renaissance

Overview

The Velvet Renaissance palette is a luxurious collection of rich, jewel-toned purples and mauves, evoking the opulence of historical grandeur. Featuring the deep #552B5B and #993366, it transitions beautifully through the elegant #A064B0 and #CC6699, culminating in the delicate #F0A3D7. This palette is designed to create a sense of timeless elegance and sophisticated drama, perfect for projects that require a touch of vintage charm with a modern sensibility. Its balanced range offers both depth and luminosity.

Best used for

  • historical fiction branding
  • gothic fashion collections
  • luxury home decor
  • fine art exhibition design
  • vintage-inspired websites
  • boutique hotel interiors

Suggested color roles

primary

#552B5B serves as a profound, grounding base, excellent for primary branding or elegant, deep backgrounds.

secondary

#993366 offers a rich, sophisticated mid-tone, ideal for supporting elements, borders, or secondary content.

accent

#CC6699 or #F0A3D7 provides a softer, luminous accent, perfect for highlights, delicate details, or feminine touches.

background

For a light, airy feel, use #F0A3D7. For a dramatic, opulent background, #552B5B works well with light text.

text

On lighter backgrounds, a deep charcoal or black offers optimal readability. For darker tones, a crisp white or very light gray is recommended.

Accessibility notes

  • Ensure sufficient contrast between #F0A3D7 and adjacent lighter shades like #CC6699 for text or interactive elements.
  • Text on #A064B0 may require careful contrast checking; white or a dark neutral can work depending on context.
  • Avoid using #F0A3D7 on #CC6699 for small text or thin lines due to potential low contrast.
  • Always verify interactive elements have clear visual distinctions, especially when hover states involve similar hues.

Recommended combinations

Royal Depth

Creates a rich, majestic foundation, suitable for formal branding or sophisticated interfaces.

#552B5B · #993366 · #A064B0

Soft Elegance

Offers a gentle, refined progression, ideal for subtle details, feminine designs, or gradients.

#CC6699 · #A064B0 · #F0A3D7

Dramatic Contrast

Combines the deepest tone with a bright accent for a striking and elegant visual impact.

#552B5B · #F0A3D7 · #CC6699

CSS variables

:root {
  --velvet-renaissance-1: #993366;
  --velvet-renaissance-2: #CC6699;
  --velvet-renaissance-3: #F0A3D7;
  --velvet-renaissance-4: #A064B0;
  --velvet-renaissance-5: #552B5B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-renaissance": {
        1: "#993366",
        2: "#CC6699",
        3: "#F0A3D7",
        4: "#A064B0",
        5: "#552B5B",
      }
    }
  }
}

Related searches

jewel tone purple palettegothic color schemesrenaissance inspired colorsvelvet purple hex codesluxurious mauve hues

Palette colors

Hex values

Color 1#993366
·
Color 2#CC6699
·
Color 3#F0A3D7
·
Color 4#A064B0
·
Color 5#552B5B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.6:1AA18
1.6:1Fail
1.6:1Fail
2
2:1Fail
1.8:1Fail
1.2:1Fail
3.1:1AA18
3
3.6:1AA18
1.8:1Fail
2.2:1Fail
5.8:1AA
4
1.6:1Fail
1.2:1Fail
2.2:1Fail
2.6:1Fail
5
1.6:1Fail
3.1:1AA18
5.8:1AA
2.6:1Fail

Similar palettes

More like Velvet Renaissance

View all dark
Gemstone Radiance Aura
Ornate Jewel Weave
Stained Glass Hues
Amethyst Veil Mystique
Art Deco Emerald
Baroque Jewel Box