Back to palettes

Palette

Victorian Rose

Deep, romantic reds combined with elegant grays capture the opulent feel of Victorian design.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#DC143C#F08080#A9A9A9#696969

Palette guide

How to use Victorian Rose

Overview

The Victorian Rose palette evokes a sense of antique romance and luxurious elegance through its deep, rich reds and sophisticated grays. Featuring #8B0000 (Dark Red) and #DC143C (Crimson), these hues deliver a profound, passionate statement. Balanced by the softer #F08080 (Light Coral) and the versatile grays, #A9A9A9 (Dark Gray) and #696969 (Dim Gray), this collection is perfect for designers seeking to infuse projects with historical grandeur and refined charm. The interplay between the vibrant reds and the muted grays allows for creation of visually rich, yet balanced, compositions, ideal for high-end branding or period-inspired aesthetics.

Best used for

  • Luxury brand websites and packaging
  • Historical or period drama marketing materials
  • Elegant wedding invitations and decor
  • Boutique fashion and jewelry branding
  • High-end interior design visualizations
  • Romantic novel covers and editorial layouts

Suggested color roles

primary

#8B0000 (Dark Red). This deep, commanding red is perfect for main headings, impactful calls-to-action, or dominant brand elements where gravitas is key.

secondary

#DC143C (Crimson). A more vibrant and passionate red, ideal for subheadings, interactive states, or supporting visual elements that require strong attention.

accent

#F08080 (Light Coral). Use this delicate, warm hue for subtle highlights, interactive icons, or decorative accents to add a touch of softness and contrast.

background

#A9A9A9 (Dark Gray). This sophisticated gray provides a stable, elegant backdrop, allowing the richer reds to truly stand out. Alternatively, #696969 offers a slightly darker, more somber base.

text

For readability on light backgrounds, #696969 offers a refined alternative to black. On darker red backgrounds like #8B0000 or #DC143C, use a light gray or white for optimal contrast.

Accessibility notes

  • Ensure sufficient contrast between #F08080 (Light Coral) and any background or text it's placed against, especially for smaller font sizes.
  • Body text in #696969 (Dim Gray) on a white or very light background will be readable, but check contrast if used on #F08080.
  • Avoid using #8B0000 (Dark Red) or #DC143C (Crimson) for small body text on dark gray backgrounds like #A9A9A9 without rigorous contrast testing.
  • When placing text on the darker reds, opt for a light color (e.g., white or a very light gray) to meet accessibility standards.

Recommended combinations

Regal Statement

A balanced, sophisticated trio perfect for primary branding, offering strong contrast and a touch of warmth.

#8B0000 · #A9A9A9 · #F08080

Passionate Depth

Creates a rich, dramatic atmosphere, ideal for impactful headers or emotionally driven design elements.

#DC143C · #696969 · #8B0000

Soft Vintage

A more understated, gentle approach, suitable for secondary content areas or backgrounds that need to recede gracefully.

#F08080 · #A9A9A9 · #696969

CSS variables

:root {
  --victorian-rose-1: #8B0000;
  --victorian-rose-2: #DC143C;
  --victorian-rose-3: #F08080;
  --victorian-rose-4: #A9A9A9;
  --victorian-rose-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "victorian-rose": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#F08080",
        4: "#A9A9A9",
        5: "#696969",
      }
    }
  }
}

Related searches

victorian era color paletteromantic red gray designelegant vintage colorsdark red branding paletteopulent color schemes

Palette colors

Hex values

Color 1#8B0000
·
Color 2#DC143C
·
Color 3#F08080
·
Color 4#A9A9A9
·
Color 5#696969
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.9:1AA18
4.3:1AA18
1.8:1Fail
2
2:1Fail
1.9:1Fail
2.1:1Fail
1.1:1Fail
3
3.9:1AA18
1.9:1Fail
1.1:1Fail
2.1:1Fail
4
4.3:1AA18
2.1:1Fail
1.1:1Fail
2.3:1Fail
5
1.8:1Fail
1.1:1Fail
2.1:1Fail
2.3:1Fail

Similar palettes

More like Victorian Rose

View all dark