Palette

Frosted Berry Blush

Delicate cool pastels mimicking the icy sheen on frosted winter berries at dawn.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D1E5E4#B2D8D6#92CBD2#76BDCB#68B1C6

Palette guide

How to use Frosted Berry Blush

Overview

The Frosted Berry Blush palette is a symphony of delicate cool pastels, perfectly capturing the serene beauty of icy winter berries at dawn. Ranging from the almost ethereal #D1E5E4 to the deeper, more pronounced #68B1C6, this palette is dominated by refreshing aqua and soft blue-green tones. Designers and developers will find this collection incredibly versatile for creating clean, airy, and calming aesthetics. It's particularly well-suited for projects that require a sense of tranquility, freshness, and understated elegance, such as wellness brands, eco-friendly product designs, or minimalist digital interfaces. The cool, frosty sheen offers a unique blend of softness and clarity.

Best used for

Spa and wellness brand identity
Eco-friendly product packaging
Minimalist website and app design
Baby clothing or nursery decor
Winter-themed event invitations
Health and beauty product lines

Suggested color roles

primary

A soothing medium aqua-blue, #76BDCB, excellent for main calls-to-action, prominent headers, or key graphical elements, providing a calm focal point.

secondary

A lighter, gentle aqua, #92CBD2, perfect for subheadings, secondary buttons, or background sections that need a subtle color lift.

accent

A slightly deeper, more saturated blue-green, #68B1C6, ideal for small highlights, icons, or interactive states where a touch more depth is desired.

background

A very light, airy blue-green, #D1E5E4, providing a fresh, clean, and expansive canvas that enhances readability and a sense of calm.

text

Use #68B1C6 for headings or a dark charcoal like #333333 for body text to ensure optimal contrast against the very light backgrounds.

Accessibility notes

For body text on #D1E5E4 or #B2D8D6, use a dark neutral color (e.g., black or dark grey) to ensure sufficient contrast.
#76BDCB or #68B1C6 can be used for text on #D1E5E4 for larger headings, but check contrast for smaller font sizes.
Avoid using lighter palette colors like #D1E5E4 or #B2D8D6 for text, as they will have very low contrast.
Ensure interactive elements have clear visual states, possibly using a darker border or shadow for focus.

Recommended combinations

Icy Clarity

Creates a very light, airy feel, perfect for clean interfaces or expansive backgrounds.

#D1E5E4 · #B2D8D6 · #92CBD2

Aqua Depth

Ideal for designs needing a clear primary color with a deeper accent, balanced by a light background.

#76BDCB · #68B1C6 · #D1E5E4

Frosted Gradient

Useful for visual elements that require a smooth transition of cool, refreshing tones.

#B2D8D6 · #92CBD2 · #76BDCB

CSS variables

:root {
  --frosted-berry-blush-1: #D1E5E4;
  --frosted-berry-blush-2: #B2D8D6;
  --frosted-berry-blush-3: #92CBD2;
  --frosted-berry-blush-4: #76BDCB;
  --frosted-berry-blush-5: #68B1C6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-berry-blush": {
        1: "#D1E5E4",
        2: "#B2D8D6",
        3: "#92CBD2",
        4: "#76BDCB",
        5: "#68B1C6",
      }
    }
  }
}

Hex values

Color 1#D1E5E4

Color 2#B2D8D6

Color 3#92CBD2

Color 4#76BDCB

Color 5#68B1C6

Accessibility

Contrast checker

1.2:1Fail

1.4:1Fail

1.6:1Fail

1.8:1Fail

1.2:1Fail

1.4:1Fail

1.6:1Fail

1.4:1Fail

1.2:1Fail

1.3:1Fail

1.6:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.8:1Fail

1.6:1Fail

1.3:1Fail

1.1:1Fail

Similar palettes

More like Frosted Berry Blush

Frosted Berry Blush

See it in context.

Ready when you are.

Built with Frosted Berry Blush.

How to use Frosted Berry Blush

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Icy Clarity

Aqua Depth

Frosted Gradient

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Frosted Berry Blush