Back to palettes

Palette

Velvet Rose Garden

Deep, luxurious reds and rich pinks mimic the dark, plush petals of velvet roses in a shadowed, elegant garden.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A001A#8C002B#BF0A47#E33B6A#FF638B

Palette guide

How to use Velvet Rose Garden

Overview

The Velvet Rose Garden palette unfurls a rich tapestry of deep, luxurious reds and vibrant pinks, capturing the essence of a shadowed, elegant garden. Beginning with the profound #5A001A, it progresses through the opulent #8C002B and the striking #BF0A47, culminating in the expressive #E33B6A and the lively #FF638B. This collection is perfect for designs that aim to convey romance, passion, and a touch of sophisticated drama, evoking the plush texture and intense colors of velvet roses. It offers a versatile gradient for striking visual impact.

Best used for

  • romantic brand identities
  • luxury event decor
  • fashion and apparel design
  • fine art photography
  • beauty and cosmetics packaging
  • floral-themed websites

Suggested color roles

primary

#5A001A serves as a deep, anchoring base, perfect for sophisticated backgrounds or powerful branding statements.

secondary

#8C002B offers a rich, supportive tone, ideal for secondary elements, borders, or substantial content blocks.

accent

#E33B6A or #FF638B provides a vibrant, eye-catching pop, excellent for calls-to-action, highlights, or illustrative details.

background

Use #FF638B for a lighter, energetic background. For a dramatic setting, #5A001A with light text works powerfully.

text

On lighter backgrounds like #FF638B, a deep charcoal or black ensures optimal readability. For darker tones, pure white or a very light gray is recommended.

Accessibility notes

  • Ensure sufficient contrast between #FF638B and #E33B6A for text, favoring larger sizes or darker shades for readability.
  • Text on #BF0A47 may require careful contrast checking; white or a very dark neutral can work depending on context.
  • Avoid using #E33B6A directly on #FF638B for small text or thin lines due to potential low contrast.
  • Verify interactive elements have clear visual distinctions, especially when using similar mid-tones for hover states.

Recommended combinations

Deep Bloom

Creates a rich, profound depth, suitable for formal branding, headers, or dramatic visual storytelling.

#5A001A · #8C002B · #BF0A47

Rose Radiance

Offers a vibrant, energetic gradient, ideal for subtle backgrounds, illustrations, or dynamic interfaces.

#BF0A47 · #E33B6A · #FF638B

Garden Contrast

Combines the deepest tone with the lightest accents for a striking and elegant visual dynamic.

#5A001A · #FF638B · #E33B6A

CSS variables

:root {
  --velvet-rose-garden-1: #5A001A;
  --velvet-rose-garden-2: #8C002B;
  --velvet-rose-garden-3: #BF0A47;
  --velvet-rose-garden-4: #E33B6A;
  --velvet-rose-garden-5: #FF638B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-rose-garden": {
        1: "#5A001A",
        2: "#8C002B",
        3: "#BF0A47",
        4: "#E33B6A",
        5: "#FF638B",
      }
    }
  }
}

Related searches

dark rose red palettevelvet red pink schemeromantic floral hex codesdeep crimson colorselegant rose garden palette

Palette colors

Hex values

Color 1#5A001A
·
Color 2#8C002B
·
Color 3#BF0A47
·
Color 4#E33B6A
·
Color 5#FF638B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.5:1AA18
5.1:1AA
2
1.5:1Fail
1.6:1Fail
2.4:1Fail
3.4:1AA18
3
2.3:1Fail
1.6:1Fail
1.5:1Fail
2.2:1Fail
4
3.5:1AA18
2.4:1Fail
1.5:1Fail
1.5:1Fail
5
5.1:1AA
3.4:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Velvet Rose Garden

View all dark