Back to palettes

Palette

Velvet Merlot Pour

A deep, luxurious palette inspired by the rich, complex hues of a fine Merlot wine, flowing into a velvet glass.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#520025#7a003a#9e004a#c20059#e60068

Palette guide

How to use Velvet Merlot Pour

Overview

The Velvet Merlot Pour palette embodies the rich, complex hues of a fine Merlot wine, flowing with deep, luxurious reds and purplish-pinks. Anchored by the profound #520025, it transitions through the opulent #7a003a and #9e004a, culminating in the vibrant #c20059 and #e60068. This gradient offers designers and developers a sophisticated range for creating designs that exude elegance, passion, and luxury. It's perfectly suited for high-end branding, editorial content, and user interfaces that aim to convey a sense of richness and refined taste, ensuring a memorable visual impact.

Best used for

  • Wine and gourmet food branding
  • Luxury fashion or beauty products
  • Romantic event invitations
  • High-end restaurant websites
  • Art and design portfolios
  • Sophisticated digital publications

Suggested color roles

primary

Use #520025, the deepest, rich merlot, for main backgrounds, navigation, or strong foundational elements, conveying luxury and depth.

secondary

Apply #7a003a, a darker red-purple, excellent for sub-headers, card backgrounds, or significant content blocks.

accent

Employ #e60068, a vibrant, almost fuchsia, perfect for calls-to-action, interactive elements, or striking visual highlights.

background

Utilize #9e004a, a mid-tone merlot, suitable for content areas, offering a rich and engaging canvas.

text

Consider #c20059, a brighter merlot, suitable for secondary text or captions on darker backgrounds. For primary text, use white or light gray.

Accessibility notes

  • For text on #520025, #7a003a, and #9e004a, use white or a very light gray for optimal readability and WCAG AA compliance.
  • #e60068 might have insufficient contrast with some mid-tones; use it carefully for text, preferably large display text.
  • Avoid pairing #c20059 with #e60068 for text due to low contrast, which can hinder readability.
  • Always verify contrast ratios for all text and interactive elements across the palette.

Recommended combinations

Decadent Flow

Deep, rich base with a vibrant accent, perfect for luxury branding and impactful statements on hero sections.

#520025 · #7A003A · #E60068

Wine Tasting

Mid-tone focus with a brighter accent, grounded by the deepest merlot for headings or key features.

#9E004A · #C20059 · #520025

Velvet Gradient

A smooth, rich transition for layered content or visual effects, creating depth and allure.

#7A003A · #C20059 · #9E004A

CSS variables

:root {
  --velvet-merlot-pour-1: #520025;
  --velvet-merlot-pour-2: #7a003a;
  --velvet-merlot-pour-3: #9e004a;
  --velvet-merlot-pour-4: #c20059;
  --velvet-merlot-pour-5: #e60068;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-merlot-pour": {
        1: "#520025",
        2: "#7a003a",
        3: "#9e004a",
        4: "#c20059",
        5: "#e60068",
      }
    }
  }
}

Related searches

merlot color paletteluxury red purple schemewine inspired ui colorselegant dark red designrich burgundy palette

Palette colors

Hex values

Color 1#520025
·
Color 2#7a003a
·
Color 3#9e004a
·
Color 4#c20059
·
Color 5#e60068
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
2.5:1Fail
3.3:1AA18
2
1.4:1Fail
1.4:1Fail
1.8:1Fail
2.4:1Fail
3
1.8:1Fail
1.4:1Fail
1.3:1Fail
1.8:1Fail
4
2.5:1Fail
1.8:1Fail
1.3:1Fail
1.3:1Fail
5
3.3:1AA18
2.4:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Velvet Merlot Pour

View all dark