Back to palettes

Palette

Crimson Rose Velvet

Luxurious and passionate, this palette embodies the deep, dramatic hues of velvet roses.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DC143C#FF69B4#C71585

Palette guide

How to use Crimson Rose Velvet

Overview

The "Crimson Rose Velvet" palette is luxurious and passionate, embodying the deep, dramatic hues of velvet roses. This vibrant collection features a strong Dark Red #8B0000, a robust Firebrick #B22222, a striking Crimson #DC143C, a playful Hot Pink #FF69B4, and an opulent Medium Violet Red #C71585. Designers can leverage this palette to create sophisticated, romantic, and dramatic aesthetics, perfect for evoking luxury and allure. Its harmonious blend of deep, passionate reds and vibrant pinks allows for versatile and captivating visual compositions. Developers will find these hex codes ideal for high-end fashion, luxury goods, or any design requiring a refined, romantic, and opulent appeal.

Best used for

  • Luxury fashion and beauty brands
  • Romantic event and wedding design
  • High-end jewelry showcases
  • Dramatic website hero sections
  • Valentine's Day marketing materials
  • Art and gallery exhibition materials

Suggested color roles

primary

Use #8B0000 (Dark Red) for main headings, strong brand elements, or deep background sections, establishing a luxurious foundation.

secondary

Apply #B22222 (Firebrick) or #DC143C (Crimson) for supporting content, subheadings, or borders, providing a rich, intense tone.

accent

Feature #FF69B4 (Hot Pink) for vibrant highlights, interactive elements, or playful accents, drawing immediate attention.

background

Employ #C71585 (Medium Violet Red) as a rich background for specific content blocks, offering depth while maintaining elegance.

text

For dark backgrounds like #8B0000, #B22222, #DC143C, or #C71585, use white or a very light off-white. For elements on very light backgrounds, a deep charcoal or black is suitable.

Accessibility notes

  • Ensure sufficient contrast for light text (e.g., white) on #8B0000 (Dark Red), #B22222 (Firebrick), #DC143C (Crimson), and #C71585 (Medium Violet Red).
  • Avoid using #FF69B4 (Hot Pink) as a background for extensive body text; it's best for accents or large, high-contrast headings.
  • Test all combinations for WCAG 2.1 AA compliance, especially for interactive elements and small text, as vibrant colors can sometimes be challenging.
  • Consider using a slightly darker shade of pink for text if placed on #FF69B4 to improve readability, or reserve it for decorative use.

Recommended combinations

Velvet Depth

Creating rich, layered backgrounds or sophisticated gradients that evoke depth and luxury, moving from dark red to violet red.

#8B0000 · #B22222 · #C71585

Rose Bloom

Highlighting key information or calls to action, combining vibrant crimson with hot pink and a rich violet red for a captivating effect.

#DC143C · #FF69B4 · #C71585

Dramatic Accent

Establishing a strong visual hierarchy, using firebrick for primary elements, hot pink for vibrant accents, and dark red for grounding.

#B22222 · #FF69B4 · #8B0000

CSS variables

:root {
  --crimson-rose-velvet-1: #8B0000;
  --crimson-rose-velvet-2: #B22222;
  --crimson-rose-velvet-3: #DC143C;
  --crimson-rose-velvet-4: #FF69B4;
  --crimson-rose-velvet-5: #C71585;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-rose-velvet": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DC143C",
        4: "#FF69B4",
        5: "#C71585",
      }
    }
  }
}

Related searches

luxury red pink palettevelvet rose color schemedramatic crimson hex codesromantic vibrant redsopulent floral design

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#DC143C
·
Color 4#FF69B4
·
Color 5#C71585
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
3.8:1AA18
1.8:1Fail
2
1.5:1Fail
1.3:1Fail
2.5:1Fail
1.2:1Fail
3
2:1Fail
1.3:1Fail
1.9:1Fail
1.1:1Fail
4
3.8:1AA18
2.5:1Fail
1.9:1Fail
2:1Fail
5
1.8:1Fail
1.2:1Fail
1.1:1Fail
2:1Fail

Similar palettes

More like Crimson Rose Velvet

View all vibrant