Back to palettes

Palette

Spiced Berry Compote

A luxurious blend of deep berry hues, reminiscent of a comforting, spiced compote simmering on a winter's eve.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8E325F#B35B7E#D88EA0#6F284B#4D1C35

Palette guide

How to use Spiced Berry Compote

Overview

The Spiced Berry Compote palette presents a luxurious and sophisticated blend of deep berry hues, perfect for projects seeking an elegant yet cozy feel. This rich collection moves from the profound depth of #4D1C35 (Dark Berry) to the vibrant intensity of #8E325F (Berry Purple), softening into the delicate #D88EA0 (Muted Rose). Designers can utilize these colors to craft stunning branding for high-end products, create inviting digital experiences, or design sophisticated print materials. The deep tones like #6F284B offer a strong foundation for text and prominent elements, while the lighter shades ensure versatility and visual interest, making it ideal for a refined and comforting aesthetic.

Best used for

  • Luxury cosmetic or fashion branding
  • High-end dessert or gourmet food packaging
  • Elegant event invitations and decor
  • Sophisticated website or app interfaces
  • Boutique hotel branding
  • Editorial design with a refined touch

Suggested color roles

primary

A deep, grounding berry tone, excellent for main branding, large text, or foundational elements using #6F284B.

secondary

A rich, vibrant berry that supports the primary, suitable for sub-headings, sections, or significant accents using #8E325F.

accent

A lively mid-tone berry, perfect for calls-to-action, interactive elements, or visual highlights using #B35B7E.

background

A soft, muted rose that provides a gentle, elegant backdrop, allowing darker text to stand out using #D88EA0.

text

Use #4D1C35 or #6F284B for primary text on lighter backgrounds like #D88EA0 to ensure optimal readability.

Accessibility notes

  • Ensure strong contrast between #4D1C35 or #6F284B and #D88EA0 for all body text to meet accessibility standards.
  • Avoid using #D88EA0 for text on very light backgrounds as contrast may be insufficient.
  • Test color pairings like #8E325F on #B35B7E carefully for readability, especially for users with color vision deficiencies.
  • Consider a dark charcoal or black for critical text elements if the palette's darkest tones don't provide sufficient contrast on all backgrounds.

Recommended combinations

Deep Elegance

For a sophisticated and grounding look, ideal for branding, headers, and backgrounds.

#4D1C35 · #6F284B · #D88EA0

Vibrant Harmony

To create a lively yet balanced feel, perfect for showcasing product features or key information.

#8E325F · #B35B7E · #D88EA0

Rich Contrast

An impactful combination for visual depth, using the darkest tone as a base with a supporting mid-tone.

#6F284B · #B35B7E · #4D1C35

CSS variables

:root {
  --spiced-berry-compote-2-1: #8E325F;
  --spiced-berry-compote-2-2: #B35B7E;
  --spiced-berry-compote-2-3: #D88EA0;
  --spiced-berry-compote-2-4: #6F284B;
  --spiced-berry-compote-2-5: #4D1C35;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-berry-compote-2": {
        1: "#8E325F",
        2: "#B35B7E",
        3: "#D88EA0",
        4: "#6F284B",
        5: "#4D1C35",
      }
    }
  }
}

Related searches

deep berry color schemeluxurious purple pink paletteelegant plum colorsrich compote color trendscozy sophisticated palette

Palette colors

Hex values

Color 1#8E325F
·
Color 2#B35B7E
·
Color 3#D88EA0
·
Color 4#6F284B
·
Color 5#4D1C35
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1Fail
1.3:1Fail
1.8:1Fail
2
1.7:1Fail
1.8:1Fail
2.3:1Fail
3.1:1AA18
3
3:1Fail
1.8:1Fail
4:1AA18
5.4:1AA
4
1.3:1Fail
2.3:1Fail
4:1AA18
1.4:1Fail
5
1.8:1Fail
3.1:1AA18
5.4:1AA
1.4:1Fail

Similar palettes

More like Spiced Berry Compote

View all Dark