Back to palettes

Palette

Grape Escape

Deep, luscious purples ranging from dark grape to light lavender, full of indulgent depth.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Grape Escape 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 Grape Escape.

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

Data visualization

#3C184C#5C2570#8A3E9C#BD6CC7#E0B3EB

Palette guide

How to use Grape Escape

Overview

The Grape Escape palette offers a luxurious journey through a spectrum of deep purples, perfect for evoking elegance and sophistication. Anchored by the profound #3C184C and complemented by the rich #5C2570, this collection transitions gracefully to the vibrant #8A3E9C, culminating in the softer #BD6CC7 and ethereal #E0B3EB. Designers can leverage its indulgent depth to create opulent interfaces, branding, or editorial layouts that demand attention. Developers will find these hex codes provide a consistent visual language for applications targeting premium experiences or creative ventures. This palette is ideal for projects seeking a blend of mystery and grandeur, ensuring a memorable visual impact across various digital and print mediums. Its versatility allows for dramatic contrast or subtle, harmonious gradients.

Best used for

  • Luxury brand websites and packaging
  • High-end event invitations and decor
  • Creative portfolios and artistic digital experiences
  • E-commerce platforms for fashion or beauty products
  • Editorial design for lifestyle or art magazines
  • Mobile applications with a sophisticated, premium aesthetic

Suggested color roles

primary

Use #3C184C as the foundational hue for large sections, navigation bars, or brand logos to establish a deep, authoritative presence.

secondary

Employ #5C2570 for supporting elements like subheadings, secondary buttons, or data visualization elements, providing depth without overpowering the primary.

accent

Apply #BD6CC7 sparingly for calls-to-action, interactive states, or key highlights to draw immediate attention and add a touch of playful vibrancy.

background

Utilize #E0B3EB for clean, elegant backgrounds that allow darker elements to pop, or for subtle content containers. Alternatively, #3C184C can create a dramatic, immersive dark mode.

text

For optimal readability on lighter backgrounds like #E0B3EB, use a contrasting dark color such as #3C184C or a near-black charcoal. On darker backgrounds like #3C184C, use a crisp white or a very light purple like #E0B3EB.

Accessibility notes

  • Ensure sufficient contrast when pairing #3C184C text on #E0B3EB background for WCAG AA compliance.
  • Avoid using mid-tones like #8A3E9C for small text on similar background shades; pair with high-contrast colors.
  • Test #BD6CC7 as an accent on both light and dark purples to confirm readability, especially for interactive elements.
  • Consider larger font sizes or bolding for text using #5C2570 on #E0B3EB to improve legibility for all users.

Recommended combinations

Deep Elegance

Perfect for sophisticated headers or hero sections where #3C184C dominates, #E0B3EB provides clean contrast, and #BD6CC7 adds a vibrant focal point.

#3C184C · #E0B3EB · #BD6CC7

Rich Gradient

Ideal for seamless visual transitions in backgrounds or subtle hover states, moving from a deeper purple to a soft lavender.

#5C2570 · #8A3E9C · #E0B3EB

Playful Accent

Use #BD6CC7 against the deep #3C184C for striking calls-to-action, complemented by #5C2570 for secondary information.

#3C184C · #BD6CC7 · #5C2570

CSS variables

:root {
  --grape-escape-1: #3C184C;
  --grape-escape-2: #5C2570;
  --grape-escape-3: #8A3E9C;
  --grape-escape-4: #BD6CC7;
  --grape-escape-5: #E0B3EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "grape-escape": {
        1: "#3C184C",
        2: "#5C2570",
        3: "#8A3E9C",
        4: "#BD6CC7",
        5: "#E0B3EB",
      }
    }
  }
}

Related searches

luxury purple color schemedeep plum and lavender paletteelegant dark purple colorssophisticated berry huesrich violet web design

Palette colors

Hex values

Color 1#3C184C
·
Color 2#5C2570
·
Color 3#8A3E9C
·
Color 4#BD6CC7
·
Color 5#E0B3EB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
4.3:1AA18
8.3:1AAA
2
1.4:1Fail
1.7:1Fail
3.1:1AA18
6:1AA
3
2.3:1Fail
1.7:1Fail
1.9:1Fail
3.6:1AA18
4
4.3:1AA18
3.1:1AA18
1.9:1Fail
1.9:1Fail
5
8.3:1AAA
6:1AA
3.6:1AA18
1.9:1Fail

Similar palettes

More like Grape Escape

View all dark
Elderberry Preserve
Midnight Berry Crush
Midnight Plum Velvet
Velvet Plum Harvest
Berry Compote Luxe
Blackberry Bramble Luxe