Palette

Frosted Berry Crumble

A delicate blend of cool reds and muted blues, like berries lightly dusted with winter frost.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B02E2E#DD6C6C#F0A8A8#B4C6E7#869EB3

Palette guide

How to use Frosted Berry Crumble

Overview

The Frosted Berry Crumble palette (ID: frosted-berry-crumble-4) offers a unique and delicate blend of cool reds and muted blues, perfectly evoking the image of berries lightly dusted with winter frost. Featuring a warm, inviting red #B02E2E and its softer variations like #DD6C6C and #F0A8A8, it contrasts beautifully with the serene blues of #B4C6E7 and #869EB3. This palette is ideal for designers and developers seeking a calm yet interesting aesthetic, combining the warmth of berries with the coolness of frost. It's excellent for projects that require a sophisticated, slightly whimsical, and gentle visual appeal, such as seasonal branding, soft lifestyle interfaces, or artistic designs.

Best used for

Winter holiday greeting cards
Delicate fashion accessories branding
Soft lifestyle or home decor websites
Children's book illustrations
Seasonal marketing campaigns
Artistic web portfolios

Suggested color roles

primary

A rich, muted berry red, #B02E2E, excellent for main calls-to-action, prominent headings, or key brand elements, offering warmth and a focal point.

secondary

A calm, muted blue, #869EB3, perfect for subheadings, navigation, or secondary graphical elements, providing a cool, stable contrast.

accent

A softer, rosy red, #DD6C6C, ideal for subtle highlights, interactive states, or decorative flourishes where a gentle pop of color is desired.

background

A very light, frosted pink, #F0A8A8, serving as a delicate and inviting canvas that allows the deeper reds and blues to stand out.

text

Use #B02E2E for headings or a dark charcoal like #333333 for body text against #F0A8A8 or #B4C6E7 to ensure strong readability.

Accessibility notes

#B02E2E provides good contrast against #F0A8A8 and #B4C6E7 for text.
#869EB3 will also have sufficient contrast against #F0A8A8 for body text.
Avoid using #DD6C6C or #F0A8A8 as text on light backgrounds, as contrast will be too low.
Ensure interactive elements have clear visual distinctions, especially when using similar light tones.

Recommended combinations

Frosted Berry

Creates a gentle, balanced look, combining the berry red with frosty pink and cool blue for visual interest.

#B02E2E · #F0A8A8 · #B4C6E7

Winter Blush

Ideal for soft, serene designs, using muted reds and blues with a very light background.

#DD6C6C · #F0A8A8 · #869EB3

Deep Frost

Suitable for designs needing a clear primary color and a grounding secondary, with a light, airy backdrop.

#B02E2E · #869EB3 · #F0A8A8

CSS variables

:root {
  --frosted-berry-crumble-4-1: #B02E2E;
  --frosted-berry-crumble-4-2: #DD6C6C;
  --frosted-berry-crumble-4-3: #F0A8A8;
  --frosted-berry-crumble-4-4: #B4C6E7;
  --frosted-berry-crumble-4-5: #869EB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-berry-crumble-4": {
        1: "#B02E2E",
        2: "#DD6C6C",
        3: "#F0A8A8",
        4: "#B4C6E7",
        5: "#869EB3",
      }
    }
  }
}

Hex values

Color 1#B02E2E

Color 2#DD6C6C

Color 3#F0A8A8

Color 4#B4C6E7

Color 5#869EB3

Accessibility

Contrast checker

2:1Fail

3.3:1AA18

3.7:1AA18

2.3:1Fail

2:1Fail

1.7:1Fail

1.9:1Fail

1.2:1Fail