Palette

Ruby Pomegranate Juice

A luxurious blend of deep reds and purples, evoking the succulent richness of pomegranate seeds.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ruby Pomegranate Juice 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 Ruby Pomegranate Juice.

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

Data visualization

#8B0000#B22222#DC143C#A020F0#6A0572

Palette guide

How to use Ruby Pomegranate Juice

Overview

The Ruby Pomegranate Juice palette offers a rich and sophisticated blend of deep reds and majestic purples, reminiscent of succulent fruit and luxurious textiles. Featuring the intense #8B0000 and #B22222, it transitions into the vibrant #DC143C, then introduces a dramatic shift with the regal #A020F0 and the profound #6A0572. This palette is perfect for designs that aim to convey opulence, mystery, and a touch of the exotic. Developers can leverage these hues to create visually rich interfaces for high-end products, cultural events, or any project needing a bold yet refined color story.

Best used for

Luxury food and beverage branding
High-end fashion or jewelry websites
Art and cultural institution branding
Dramatic event invitations
E-commerce sites for unique products
Editorial design with rich imagery

Suggested color roles

primary

A striking, vibrant crimson, #DC143C, that draws the eye, excellent for main calls to action, prominent headlines, or brand elements.

secondary

A rich, royal purple, #A020F0, that adds depth and sophistication, ideal for subheadings, navigation, or background accents.

accent

A strong, earthy red, #B22222, that provides a warm contrast, suitable for interactive states, highlights, or secondary graphic elements.

background

The deepest, most enigmatic shade, #6A0572, offering a luxurious and mysterious backdrop that makes lighter colors pop.

text

White or a very light gray provides excellent readability on #8B0000, #A020F0, and #6A0572. For lighter backgrounds, use a dark charcoal or black.

Accessibility notes

White text on #8B0000, #A020F0, and #6A0572 will typically meet WCAG AA contrast requirements.
Ensure sufficient contrast when using #DC143C for text against lighter backgrounds; a dark text is usually needed.
Avoid using #B22222 for small text on similar red backgrounds; aim for clear differentiation.
The contrast between #A020F0 and #6A0572 should be carefully checked if used together for text/background.

Recommended combinations

Regal Contrast

Creates a powerful, royal aesthetic, with #6A0572 as a deep base, #DC143C for vibrant impact, and #A020F0 for sophisticated depth.

#6A0572 · #DC143C · #A020F0

Fruity Richness

A warm, inviting blend reminiscent of ripe fruit, ideal for food branding or cozy designs, with #DC143C providing a juicy pop.

#8B0000 · #B22222 · #DC143C

Mysterious Allure

For a dark, intriguing mood, using the purples for depth and #8B0000 for a subtle, earthy accent.

#A020F0 · #6A0572 · #8B0000

CSS variables

:root {
  --ruby-pomegranate-juice-1: #8B0000;
  --ruby-pomegranate-juice-2: #B22222;
  --ruby-pomegranate-juice-3: #DC143C;
  --ruby-pomegranate-juice-4: #A020F0;
  --ruby-pomegranate-juice-5: #6A0572;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-pomegranate-juice": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DC143C",
        4: "#A020F0",
        5: "#6A0572",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#B22222

Color 3#DC143C

Color 4#A020F0

Color 5#6A0572

Accessibility

Contrast checker

1.5:1Fail

2:1Fail

1.9:1Fail

1.1:1Fail

1.5:1Fail

1.3:1Fail

1.7:1Fail

2:1Fail

1.3:1Fail

1.1:1Fail

2.2:1Fail

1.9:1Fail

1.3:1Fail

1.1:1Fail

2.1:1Fail

1.1:1Fail

1.7:1Fail

2.2:1Fail

2.1:1Fail

Similar palettes

More like Ruby Pomegranate Juice

Ruby Pomegranate Juice

See it in context.

Ready when you are.

Built with Ruby Pomegranate Juice.

How to use Ruby Pomegranate Juice

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Regal Contrast

Fruity Richness

Mysterious Allure

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ruby Pomegranate Juice