Palette

Frosted Berry Garden

Delicate pinks, purples, and blues dusted with a cool shimmer, like berries in a winter garden.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Berry Garden 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 Frosted Berry Garden.

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

Data visualization

#8B008B#FFB6C1#F0F8FF#E6E6FA#7B68EE

Palette guide

How to use Frosted Berry Garden

Overview

The "Frosted Berry Garden" palette presents a delicate and ethereal collection of cool and warm tones, reminiscent of a serene winter landscape. It features a rich dark magenta #8B008B, a soft blush pink #FFB6C1, and a crisp off-white #F0F8FF. Complementing these are a gentle lavender #E6E6FA and a vibrant medium slate blue #7B68EE. This palette is ideal for designs that aim to convey gentleness, calm, and a touch of enchanting beauty. Its harmonious blend makes it suitable for anything from sophisticated branding to inviting digital interfaces, offering a refreshing and clean aesthetic.

Best used for

Feminine fashion or lifestyle blogs
Gentle baby product packaging
Elegant event branding (e.g., weddings, baby showers)
Serene interior design concepts
Mobile app interfaces for meditation or journaling
E-commerce sites selling delicate jewelry or crafts

Suggested color roles

primary

A deep, regal magenta #8B008B, perfect for impactful headlines, significant calls-to-action, or brand logos, providing depth and luxury.

secondary

This medium slate blue #7B68EE offers a sophisticated contrast, suitable for secondary buttons, navigation, or illustrative elements.

accent

A charming blush pink #FFB6C1, excellent for subtle highlights, interactive states, or decorative elements to add warmth and softness.

background

An airy, near-white background color #F0F8FF, ensuring maximum readability for dark text and a clean, spacious feel.

text

Use this deep magenta #8B008B for primary text elements on light backgrounds like #F0F8FF to ensure strong contrast and visual interest. Alternatively, a dark charcoal or black for general body text.

Accessibility notes

Ensure #8B008B or a dark charcoal text has sufficient contrast against #F0F8FF and #E6E6FA backgrounds.
Avoid using #FFB6C1 as text color on light backgrounds, as it will likely fail contrast standards.
When pairing #7B68EE with #E6E6FA, verify that the contrast ratio meets WCAG guidelines for text.
Lighter colors like #FFB6C1 and #E6E6FA should be reserved for backgrounds or large decorative elements, not small text.

Recommended combinations

Regal Contrast

A strong, elegant combination for primary branding, clean backgrounds, and supportive accents.

#8B008B · #F0F8FF · #7B68EE

Soft Serenity

Ideal for a gentle, inviting feel, using the soft lavender as a base, blush for highlights, and deep magenta for key text.

#E6E6FA · #FFB6C1 · #8B008B

Dynamic Duo

Combine the slate blue with the crisp white and blush for a fresh, modern, yet soft aesthetic.

#7B68EE · #F0F8FF · #FFB6C1

CSS variables

:root {
  --frosted-berry-garden-1: #8B008B;
  --frosted-berry-garden-2: #FFB6C1;
  --frosted-berry-garden-3: #F0F8FF;
  --frosted-berry-garden-4: #E6E6FA;
  --frosted-berry-garden-5: #7B68EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-berry-garden": {
        1: "#8B008B",
        2: "#FFB6C1",
        3: "#F0F8FF",
        4: "#E6E6FA",
        5: "#7B68EE",
      }
    }
  }
}

Hex values

Color 1#8B008B

Color 2#FFB6C1

Color 3#F0F8FF

Color 4#E6E6FA

Color 5#7B68EE

Accessibility

Contrast checker

5.1:1AA

7.9:1AAA

6.9:1AA

2:1Fail

5.1:1AA

1.5:1Fail

1.3:1Fail

2.5:1Fail

7.9:1AAA

1.5:1Fail

1.1:1Fail

3.9:1AA18

6.9:1AA

1.3:1Fail

1.1:1Fail

3.4:1AA18

2:1Fail

2.5:1Fail

3.9:1AA18

3.4:1AA18

Similar palettes

More like Frosted Berry Garden