Back to palettes

Palette

Dewdrop Berry Sparkle

Cheery and sweet berry pinks that burst with dewdropped sparkle and playful delight.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#b50d3a#e03b60#ff6b8f#ff9bb7#ffdce8

Palette guide

How to use Dewdrop Berry Sparkle

Overview

The Dewdrop Berry Sparkle palette offers a vibrant and sweet array of berry pinks, perfect for projects aiming for a playful and feminine aesthetic. Ranging from the deep #b50d3a to the cheerful #ff6b8f and the delicate #ffdce8, these colors evoke a sense of joyous effervescence. Designers can leverage its energetic yet soft character to create engaging interfaces and branding that feel both luxurious and approachable. This palette is ideal for adding a touch of whimsy and warmth, ensuring designs stand out with a memorable, sparkling appeal. Its progression of shades allows for seamless gradients and clear visual hierarchy.

Best used for

  • Children's product branding
  • Cosmetics and beauty websites
  • Sweet shop or bakery branding
  • Valentine's Day promotions
  • Feminine fashion and accessories
  • Playful event invitations

Suggested color roles

primary

The rich #b50d3a serves as a strong, sophisticated base for headings or key call-to-action elements, offering depth.

secondary

Use #e03b60 for secondary headings, buttons, or illustrations, providing a softer yet still vibrant contrast.

accent

The bright #ff6b8f is perfect for highlights, interactive elements, or small decorative details that need to pop.

background

The lightest shade, #ffdce8, offers a clean, airy background that allows darker elements to shine.

text

For body text, consider using the deep #b50d3a or a charcoal black for optimal readability against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter pinks like #ff9bb7 for text on #ffdce8.
  • The deepest shade, #b50d3a, provides good contrast for text against #ffdce8 and #ff9bb7.
  • Avoid using adjacent light shades like #ff9bb7 and #ffdce8 together for small text or critical information.
  • Pair #b50d3a with #ffdce8 for high contrast and readability in primary content areas.

Recommended combinations

Deep & Light Contrast

Ideal for header and body text with a vibrant accent, ensuring strong readability.

#B50D3A · #FFDCE8 · #FF6B8F

Playful Gradient

Excellent for backgrounds, banners, or graphic elements that need a smooth, energetic transition.

#E03B60 · #FF6B8F · #FF9BB7

Energetic Pop

Use for call-to-actions or featured sections where a bold, lively presence is desired.

#B50D3A · #FF9BB7 · #E03B60

CSS variables

:root {
  --dewdrop-berry-sparkle-1: #b50d3a;
  --dewdrop-berry-sparkle-2: #e03b60;
  --dewdrop-berry-sparkle-3: #ff6b8f;
  --dewdrop-berry-sparkle-4: #ff9bb7;
  --dewdrop-berry-sparkle-5: #ffdce8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dewdrop-berry-sparkle": {
        1: "#b50d3a",
        2: "#e03b60",
        3: "#ff6b8f",
        4: "#ff9bb7",
        5: "#ffdce8",
      }
    }
  }
}

Related searches

berry pink color schemeplayful pink palettesweet brand colorsromantic pink designbright pastel pinks

Palette colors

Hex values

Color 1#b50d3a
·
Color 2#e03b60
·
Color 3#ff6b8f
·
Color 4#ff9bb7
·
Color 5#ffdce8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.4:1AA18
5.4:1AA
2
1.6:1Fail
1.6:1Fail
2.1:1Fail
3.4:1AA18
3
2.5:1Fail
1.6:1Fail
1.4:1Fail
2.1:1Fail
4
3.4:1AA18
2.1:1Fail
1.4:1Fail
1.6:1Fail
5
5.4:1AA
3.4:1AA18
2.1:1Fail
1.6:1Fail

Similar palettes

More like Dewdrop Berry Sparkle

View all pastel