Palette

Frosty Berry Bloom

A delightful blend of icy blues and rich berry tones, reminiscent of winter's delicate beauty.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosty Berry Bloom 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 Frosty Berry Bloom.

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

Data visualization

#6A0538#B0E0E6#FFDAB9#FDFDFD#A9BDB2

Palette guide

How to use Frosty Berry Bloom

Overview

The Frosty Berry Bloom palette presents a captivating contrast between deep, rich berry tones and crisp, icy blues, softened by a delicate peach. The bold #6A0538 (dark raspberry) provides a dramatic anchor, beautifully complemented by the refreshing #B0E0E6 (light blue). The warmth of #FFDAB9 (peach puff) and the ethereal #FDFDFD (near white) add a gentle, inviting touch, while #A9BDB2 (sage green) offers an unexpected, natural balance. This palette is ideal for designers and developers aiming to create designs that are both striking and serene, perfect for seasonal branding, artistic web interfaces, or charming digital illustrations that convey a unique blend of coolness and warmth.

Best used for

Holiday season marketing and branding
Artistic and creative website designs
Boutique product packaging
Feminine and elegant digital illustrations
Event invitations with a unique flair
Fashion or beauty related content

Suggested color roles

primary

Utilize #6A0538 as a powerful primary color for impactful branding, headers, or call-to-action elements, demanding attention.

secondary

Employ #B0E0E6 for supporting content areas, background textures, or secondary information, providing a refreshing contrast.

accent

Reserve #FFDAB9 for soft, inviting accents, subtle highlights, or decorative elements, adding a touch of warmth and delicacy.

background

Use #FDFDFD for clean, expansive backgrounds, creating a bright and airy canvas that allows the richer colors to pop.

text

For optimal readability, use #6A0538 or a deep charcoal/black for body text and headings on light backgrounds. For text on #6A0538, a crisp white or #FDFDFD is recommended.

Accessibility notes

Ensure #6A0538 provides sufficient contrast for text on #FDFDFD backgrounds, which it does strongly.
Avoid using #FFDAB9 or #A9BDB2 for small text on very light backgrounds like #FDFDFD due to potential low contrast.
Always verify color contrast ratios for all text and interactive elements to meet WCAG guidelines.
The strong contrast between #6A0538 and #B0E0E6 can be leveraged for clear visual hierarchy.

Recommended combinations

Berry Frost

Ideal for creating striking contrasts in headers, hero sections, or feature areas, balancing cool and bold tones.

#FDFDFD · #B0E0E6 · #6A0538

Soft Bloom

Excellent for subtle backgrounds, decorative elements, or secondary information panels, adding gentle warmth and natural feel.

#FFDAB9 · #A9BDB2 · #FDFDFD

Winter Garden

Suitable for card components, illustrations, or navigation where a balanced interplay of cool, bold, and natural tones is desired.

#B0E0E6 · #6A0538 · #A9BDB2

CSS variables

:root {
  --frosty-berry-bloom-1: #6A0538;
  --frosty-berry-bloom-2: #B0E0E6;
  --frosty-berry-bloom-3: #FFDAB9;
  --frosty-berry-bloom-4: #FDFDFD;
  --frosty-berry-bloom-5: #A9BDB2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosty-berry-bloom": {
        1: "#6A0538",
        2: "#B0E0E6",
        3: "#FFDAB9",
        4: "#FDFDFD",
        5: "#A9BDB2",
      }
    }
  }
}

Hex values

Color 1#6A0538

Color 2#B0E0E6

Color 3#FFDAB9

Color 4#FDFDFD

Color 5#A9BDB2

Accessibility

Contrast checker

8.7:1AAA

9.4:1AAA

12.2:1AAA

6.3:1AA

8.7:1AAA

1.1:1Fail

1.4:1Fail

9.4:1AAA

1.1:1Fail

1.3:1Fail

1.5:1Fail

12.2:1AAA

1.4:1Fail

1.3:1Fail

1.9:1Fail

6.3:1AA

1.4:1Fail

1.5:1Fail

1.9:1Fail

Similar palettes

More like Frosty Berry Bloom

Frosty Berry Bloom

See it in context.

Ready when you are.

Built with Frosty Berry Bloom.

How to use Frosty Berry Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Berry Frost

Soft Bloom

Winter Garden

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Frosty Berry Bloom