Palette

Sweet Berrylicious Treat

A delightful blend of berry-inspired purples and pinks, evoking juicy fruits and sweet confections.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Berrylicious Treat 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 Sweet Berrylicious Treat.

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

Data visualization

#8A2BE2#B490E0#F0CFFC#FF69B4#FFB6C1

Palette guide

How to use Sweet Berrylicious Treat

Overview

The "Sweet Berrylicious Treat" palette offers a delightful gradient of berry-inspired purples and pinks, evoking juicy fruits and sweet confections. From the deep #8A2BE2 to the soft #F0CFFC and the vibrant #FF69B4, this palette is both playful and sophisticated. Designers and developers can leverage its seamless transitions to create visually appealing interfaces, branding, and digital art that feel cohesive and inviting. Its blend of cool purples and warm pinks ensures versatility for projects aiming for a sweet, modern, or feminine aesthetic.

Best used for

Cosmetic and beauty brand identity
Personal blogs and lifestyle websites
Wedding and event decor themes
Digital art and illustration
Social media branding and graphics
Playful e-commerce sites for gifts or sweets

Suggested color roles

primary

Use #8A2BE2 for impactful headings, calls to action, or to define primary brand elements with depth.

secondary

Apply #FF69B4 for supporting accents, interactive elements, or to introduce a vibrant pop of pink.

accent

Employ #FFB6C1 for subtle highlights, delicate patterns, or soft interactive states.

background

Utilize #F0CFFC as a light, airy background, allowing the deeper purples and pinks to truly shine.

text

For optimal readability, use #8A2BE2 for text on lighter backgrounds. A deep charcoal or black also pairs well.

Accessibility notes

Ensure sufficient contrast between #8A2BE2 or #FF69B4 and the lighter backgrounds like #F0CFFC for readability.
Avoid using very light colors like #F0CFFC or #FFB6C1 for small text against similarly light backgrounds.
Consider using a dark neutral for body text to maintain accessibility across all light pastel elements.
When designing, check contrast ratios, especially for any text placed on #B490E0 or #FFB6C1.

Recommended combinations

Purple Gradient

Excellent for backgrounds, banners, or illustrations needing a smooth, calming transition.

#8A2BE2 · #B490E0 · #F0CFFC

Pink Pop Contrast

Ideal for highlighting key information or creating playful, energetic sections.

#FF69B4 · #FFB6C1 · #8A2BE2

Soft Blend

Creates a gentle and inviting feel, suitable for delicate UI elements or decorative patterns.

#F0CFFC · #FFB6C1 · #B490E0

CSS variables

:root {
  --sweet-berrylicious-treat-1: #8A2BE2;
  --sweet-berrylicious-treat-2: #B490E0;
  --sweet-berrylicious-treat-3: #F0CFFC;
  --sweet-berrylicious-treat-4: #FF69B4;
  --sweet-berrylicious-treat-5: #FFB6C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-berrylicious-treat": {
        1: "#8A2BE2",
        2: "#B490E0",
        3: "#F0CFFC",
        4: "#FF69B4",
        5: "#FFB6C1",
      }
    }
  }
}

Hex values

Color 1#8A2BE2

Color 2#B490E0

Color 3#F0CFFC

Color 4#FF69B4

Color 5#FFB6C1

Accessibility

Contrast checker

2.3:1Fail

4.3:1AA18

2.3:1Fail

3.6:1AA18

2.3:1Fail

1.9:1Fail

1:1Fail

1.6:1Fail

4.3:1AA18

1.9:1Fail

1.2:1Fail

2.3:1Fail

1:1Fail

1.9:1Fail

1.6:1Fail

3.6:1AA18

1.6:1Fail

1.2:1Fail

1.6:1Fail

Similar palettes

More like Sweet Berrylicious Treat

Sweet Berrylicious Treat

See it in context.

Ready when you are.

Built with Sweet Berrylicious Treat.

How to use Sweet Berrylicious Treat

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Purple Gradient

Pink Pop Contrast

Soft Blend

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sweet Berrylicious Treat