Back to palettes

Palette

Winter Berry Sparkle

Cool, deep berry tones with a hint of frost, reminiscent of winter berries glistening in the cold.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Berry Sparkle 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 Winter Berry Sparkle.

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

Data visualization

#5A2B3D#8A4A5C#C27A8C#3A1A2B#6B3B4A

Palette guide

How to use Winter Berry Sparkle

Overview

The "Winter Berry Sparkle" palette presents a sophisticated range of deep, muted berry and plum tones, perfect for creating an atmosphere of mysterious elegance and subtle luxury. Starting with the darkest, almost black #3A1A2B, it moves through rich, deep plum #5A2B3D and #6B3B4A, to a warmer, more vibrant berry #8A4A5C, culminating in the soft, dusty rose of #C27A8C. This palette is ideal for designs that require depth without being overly bright, evoking the subtle shimmer of frosted berries. Designers can use these hues to build layered, intricate visuals, while developers will find them effective for creating immersive digital experiences, especially where a sophisticated, understated aesthetic is desired.

Best used for

  • Luxury brand packaging
  • Dark mode UI themes
  • Elegantly moody websites
  • Fashion and cosmetics branding
  • Intimate event decor
  • High-end product showcases

Suggested color roles

primary

A rich, deep berry #5A2B3D that serves as a strong primary color for backgrounds, headings, or main graphical elements.

secondary

A slightly brighter, more vibrant berry tone #8A4A5C, excellent for secondary elements, interactive states, or subtle calls to action.

accent

A soft, dusty rose #C27A8C that provides a delicate highlight or accent, perfect for small details, icons, or hover effects.

background

The darkest shade #3A1A2B, ideal for a deep, immersive background that allows other colors to subtly glow.

text

Use #C27A8C for readable text against darker backgrounds, or a very light gray/off-white for general body copy.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter shades like #C27A8C on darker backgrounds.
  • White or very light gray text will have good contrast on #3A1A2B, #5A2B3D, and #6B3B4A.
  • Avoid using #8A4A5C text directly on #6B3B4A backgrounds without checking contrast ratios.
  • Reserve #C27A8C for large headings or accents if used on mid-tones like #8A4A5C to maintain readability.

Recommended combinations

Deep Forest Berry

Very dark background, deep primary element, and a light, delicate accent.

#3A1A2B · #5A2B3D · #C27A8C

Shimmering Frost

Mid-tone background, slightly brighter element, and a soft highlight.

#6B3B4A · #8A4A5C · #C27A8C

Rich Contrast

Primary background, light text or highlight, and a very dark accent for depth.

#5A2B3D · #C27A8C · #3A1A2B

CSS variables

:root {
  --winter-berry-sparkle-1: #5A2B3D;
  --winter-berry-sparkle-2: #8A4A5C;
  --winter-berry-sparkle-3: #C27A8C;
  --winter-berry-sparkle-4: #3A1A2B;
  --winter-berry-sparkle-5: #6B3B4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-sparkle": {
        1: "#5A2B3D",
        2: "#8A4A5C",
        3: "#C27A8C",
        4: "#3A1A2B",
        5: "#6B3B4A",
      }
    }
  }
}

Related searches

dark berry color palettemoody winter colorselegant plum designfrosted purple schemesubtle luxury color combination

Palette colors

Hex values

Color 1#5A2B3D
·
Color 2#8A4A5C
·
Color 3#C27A8C
·
Color 4#3A1A2B
·
Color 5#6B3B4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.5:1AA18
1.4:1Fail
1.3:1Fail
2
1.7:1Fail
2:1Fail
2.4:1Fail
1.4:1Fail
3
3.5:1AA18
2:1Fail
4.7:1AA
2.7:1Fail
4
1.4:1Fail
2.4:1Fail
4.7:1AA
1.7:1Fail
5
1.3:1Fail
1.4:1Fail
2.7:1Fail
1.7:1Fail

Similar palettes

More like Winter Berry Sparkle

View all dark