Back to palettes

Palette

Berry Compote Luxe

Rich, deep tones reminiscent of a decadent berry compote, sweet and darkly elegant.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Berry Compote Luxe 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 Berry Compote Luxe.

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

Data visualization

#5A1A32#8A2A4E#C05078#F7E0D3#A5907E

Palette guide

How to use Berry Compote Luxe

Overview

The Berry Compote Luxe palette offers rich, deep tones reminiscent of a decadent berry compote, sweet and darkly elegant. This sophisticated scheme combines deep purplish-browns like #5A1A32 and #8A2A4E with the luscious berry of #C05078, all softened by the creamy off-white #F7E0D3 and grounded by the earthy #A5907E. Each hex code contributes to an elegant and refined aesthetic, ideal for designs that evoke luxury, indulgence, and a touch of classic charm. Designers and developers can leverage this palette for high-end branding, sophisticated editorial content, or elegant e-commerce sites, ensuring a visually appealing and emotionally resonant user experience. It's particularly effective for conveying richness and exclusivity in digital and print media.

Best used for

  • Luxury food and beverage brands
  • High-end fashion and cosmetics
  • Elegant event invitations
  • Gourmet culinary websites
  • Sophisticated interior design
  • Premium subscription services

Suggested color roles

primary

The rich #C05078 is excellent for main headings or calls-to-action, offering an elegant and inviting focal point.

secondary

Deep #5A1A32 can be used for navigation, footers, or background sections, providing a strong, luxurious foundation.

accent

The creamy #F7E0D3 serves as a delicate accent for backgrounds, subtle gradients, or decorative flourishes, adding lightness.

background

The earthy #A5907E provides a sophisticated, neutral base that complements the deeper tones beautifully.

text

For lighter backgrounds like #F7E0D3, use the deep #5A1A32 or black for body text. On darker backgrounds, #F7E0D3 or a very light gray ensures readability.

Accessibility notes

  • Ensure sufficient contrast between #5A1A32 text and #F7E0D3 backgrounds for WCAG AA compliance.
  • Avoid using #A5907E on #C05078 for small text without careful contrast checks, as they might blend.
  • The deep, rich tones can be challenging for colorblind users; provide alternative indicators beyond color alone.
  • Always test color combinations with accessibility tools to meet WCAG standards, especially for text and interactive elements.

Recommended combinations

Luxe Foundation

Ideal for elegant branding, header sections, and content blocks, providing depth with a soft, luxurious highlight.

#5A1A32 · #8A2A4E · #F7E0D3

Decadent Contrast

Excellent for highlighting promotions, call-to-action buttons, and festive elements, conveying richness and sophistication.

#C05078 · #F7E0D3 · #A5907E

Earthy Elegance

Use for visual storytelling, smooth transitions, or decorative elements that require a flowing, refined aesthetic.

#A5907E · #5A1A32 · #C05078

CSS variables

:root {
  --berry-compote-luxe-1: #5A1A32;
  --berry-compote-luxe-2: #8A2A4E;
  --berry-compote-luxe-3: #C05078;
  --berry-compote-luxe-4: #F7E0D3;
  --berry-compote-luxe-5: #A5907E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-compote-luxe": {
        1: "#5A1A32",
        2: "#8A2A4E",
        3: "#C05078",
        4: "#F7E0D3",
        5: "#A5907E",
      }
    }
  }
}

Related searches

dark berry elegant paletteluxurious food colorsrich brown purple schemesophisticated dessert palettegourmet branding colors

Palette colors

Hex values

Color 1#5A1A32
·
Color 2#8A2A4E
·
Color 3#C05078
·
Color 4#F7E0D3
·
Color 5#A5907E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.9:1Fail
10.2:1AAA
4.2:1AA18
2
1.5:1Fail
1.8:1Fail
6.6:1AA
2.7:1Fail
3
2.9:1Fail
1.8:1Fail
3.6:1AA18
1.5:1Fail
4
10.2:1AAA
6.6:1AA
3.6:1AA18
2.4:1Fail
5
4.2:1AA18
2.7:1Fail
1.5:1Fail
2.4:1Fail

Similar palettes

More like Berry Compote Luxe

View all dark