Back to palettes

Palette

Summer Berry Compote

A delightful mix of deep reds, vibrant pinks, and a touch of purple, celebrating the lusciousness of summer berries.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DC143C#FF69B4#E0B0FF

Palette guide

How to use Summer Berry Compote

Overview

The "Summer Berry Compote" palette is a delightful mix of deep reds, vibrant pinks, and a touch of purple, celebrating the lusciousness and sweetness of summer berries. It features a bold #8B0000 (Dark Red) and a vivid #DC143C (Crimson), complemented by the playful #FF69B4 (Hot Pink) and an intriguing #E0B0FF (Plum/Lavender). This collection is dynamic and energetic, perfect for designers looking to create vibrant, joyful, and appetizing visuals. The unexpected inclusion of purple adds a sophisticated twist, making it versatile for everything from festive event branding to charming digital content that exudes a fresh, sweet, and playful charm.

Best used for

  • Dessert and confectionery branding
  • Vibrant summer event promotions
  • Feminine fashion or beauty product lines
  • Playful children's illustrations or products
  • Creative and artistic digital content
  • Sweet treat packaging and marketing

Suggested color roles

primary

#DC143C (Crimson): A bright, juicy red that commands attention, ideal for main headings, calls to action, or key design elements.

secondary

#B22222 (Firebrick): A deeper, rich berry tone that provides excellent contrast and depth, suitable for subheadings or supportive graphics.

accent

#E0B0FF (Plum/Lavender): An unexpected and delightful accent, adding a unique sweet and sophisticated touch for decorative elements or highlights.

background

#FF69B4 (Hot Pink): A vibrant, playful background that sets an energetic mood. Use with caution for readability or as a secondary background layer.

text

#8B0000 (Dark Red): A strong, legible dark red that provides good contrast on lighter backgrounds, suitable for primary text on cream or white.

Accessibility notes

  • Ensure sufficient contrast when using #FF69B4 as a background; light text may be difficult to read.
  • The vibrant nature of #DC143C and #FF69B4 requires careful pairing for text to meet WCAG AA standards.
  • Use #E0B0FF sparingly for text, especially on busy backgrounds, due to its lighter value.
  • For optimal readability, default to dark charcoal or black text on light backgrounds or white text on darker primary/secondary colors.

Recommended combinations

Sweet & Bold

A vibrant and playful combination, ideal for energetic branding, event marketing, or youthful designs.

#DC143C · #FF69B4 · #E0B0FF

Rich Dessert

Creates a deeper, more sophisticated berry feel with a surprising pop of purple, great for gourmet products.

#8B0000 · #B22222 · #E0B0FF

Vivid Contrast

Highlights a bright pink with strong red accents, perfect for dynamic visual hierarchy and impactful messaging.

#FF69B4 · #DC143C · #8B0000

CSS variables

:root {
  --summer-berry-compote-1: #8B0000;
  --summer-berry-compote-2: #B22222;
  --summer-berry-compote-3: #DC143C;
  --summer-berry-compote-4: #FF69B4;
  --summer-berry-compote-5: #E0B0FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "summer-berry-compote": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DC143C",
        4: "#FF69B4",
        5: "#E0B0FF",
      }
    }
  }
}

Related searches

berry compote colorsvibrant red pink purplesweet summer fruit paletteplayful dessert designluscious food branding

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#DC143C
·
Color 4#FF69B4
·
Color 5#E0B0FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
3.8:1AA18
5.6:1AA
2
1.5:1Fail
1.3:1Fail
2.5:1Fail
3.8:1AA18
3
2:1Fail
1.3:1Fail
1.9:1Fail
2.8:1Fail
4
3.8:1AA18
2.5:1Fail
1.9:1Fail
1.5:1Fail
5
5.6:1AA
3.8:1AA18
2.8:1Fail
1.5:1Fail

Similar palettes

More like Summer Berry Compote

View all vibrant
Berry Patch Bliss
Sweet Berry Harvest
Sweet Summer Berries
Berry Blossom
Berry Patch Bliss
Berry Patch Bliss