Back to palettes

Palette

Midnight Berry Crush

A rich, luxurious blend of deep purples and fuchsia, like crushed berries under a moonlit sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Berry Crush 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 Midnight Berry Crush.

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

Data visualization

#2E0F2B#5C1D54#8B2C7F#BC49AC#EA75D9

Palette guide

How to use Midnight Berry Crush

Overview

The Midnight Berry Crush palette offers a luxurious blend of deep purples and fuchsia, reminiscent of crushed berries under a moonlit sky. Starting with the profound #2E0F2B, it transitions through rich #5C1D54 and vibrant #8B2C7F, culminating in the striking #BC49AC and the radiant #EA75D9. This palette is ideal for designers and developers aiming to create elegant, feminine, yet powerful visual experiences. Its rich, deep tones combined with bright berry accents provide a sophisticated contrast, perfect for beauty brands, fashion, or any design needing a touch of opulent mystery with a playful, energetic edge. The blend ensures depth and visual interest.

Best used for

  • Luxury beauty and cosmetics branding
  • Fashion editorial and e-commerce websites
  • High-end event decor and invitations
  • Feminine-focused app interfaces
  • Jewelry or accessory brand identity
  • Digital art with a rich, elegant mood

Suggested color roles

primary

#2E0F2B (A very deep, almost black, berry tone, perfect for large backgrounds or foundational branding elements, exuding luxury.)

secondary

#5C1D54 (A rich, mid-tone purple-berry, excellent for secondary content areas, navigation, or subtle graphic elements to build depth.)

accent

#EA75D9 (The brightest fuchsia, ideal for calls-to-action, prominent icons, or highlights that need to pop with vibrant energy.)

background

#2E0F2B (Apply this deep shade for a dramatic, elegant backdrop, ensuring high contrast for lighter text and elements.)

text

#EA75D9 or #BC49AC (Use #EA75D9 for high-contrast headings and key information. #BC49AC can be used for body text on darker backgrounds for readability.)

Accessibility notes

  • Ensure #EA75D9 provides sufficient contrast against #2E0F2B or #5C1D54 for all essential text.
  • Avoid pairing #5C1D54 text on #8B2C7F backgrounds due to potential low contrast.
  • Utilize the lighter shades (#BC49AC, #EA75D9) for interactive elements to ensure clear visibility.
  • Consider a very light grey or off-white for body text if the palette's lighter purples don't meet WCAG AA standards.

Recommended combinations

Deep Elegance

Creates a sophisticated layout with a deep base, vibrant mid-tone, and bright accent for visual impact.

#2E0F2B · #8B2C7F · #EA75D9

Berry Glow

Perfect for highlighting interactive components or small illustrations that need a vibrant, energetic touch.

#5C1D54 · #BC49AC · #EA75D9

Rich Contrast

Excellent for branding logos or key UI elements where a strong dark background meets bright, inviting accents.

#2E0F2B · #EA75D9 · #BC49AC

CSS variables

:root {
  --midnight-berry-crush-1: #2E0F2B;
  --midnight-berry-crush-2: #5C1D54;
  --midnight-berry-crush-3: #8B2C7F;
  --midnight-berry-crush-4: #BC49AC;
  --midnight-berry-crush-5: #EA75D9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-berry-crush": {
        1: "#2E0F2B",
        2: "#5C1D54",
        3: "#8B2C7F",
        4: "#BC49AC",
        5: "#EA75D9",
      }
    }
  }
}

Related searches

midnight berry color schemedeep fuchsia paletteluxurious purple pinkelegant dark berry colorsnocturnal feminine palette

Palette colors

Hex values

Color 1#2E0F2B
·
Color 2#5C1D54
·
Color 3#8B2C7F
·
Color 4#BC49AC
·
Color 5#EA75D9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
3.8:1AA18
6.6:1AA
2
1.4:1Fail
1.6:1Fail
2.7:1Fail
4.6:1AA
3
2.3:1Fail
1.6:1Fail
1.7:1Fail
2.9:1Fail
4
3.8:1AA18
2.7:1Fail
1.7:1Fail
1.7:1Fail
5
6.6:1AA
4.6:1AA
2.9:1Fail
1.7:1Fail

Similar palettes

More like Midnight Berry Crush

View all dark
Elderberry Preserve
Grape Escape
Blackberry Bramble Luxe
Dusky Velvet Drape
Imperial Velvet
Midnight Plum