Palette

Berry Glaze Frost

Delicate and icy, these colors capture the serene beauty of frosted berries on a crisp winter morning.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Berry Glaze Frost 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 Berry Glaze Frost.

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

Data visualization

#B0C4DE#C13286#8B0000#D3D3D3#A9A9A9

Palette guide

How to use Berry Glaze Frost

Overview

The Berry Glaze Frost palette is delicate and icy, capturing the serene beauty of frosted berries on a crisp winter morning. This cool scheme combines a soft dusty blue #B0C4DE with a vibrant berry #C13286 and a deep cardinal red #8B0000, balanced by cool grays #D3D3D3 and #A9A9A9. Each hex code contributes to a calm and elegant aesthetic, perfect for designs that aim for coolness, freshness, and a touch of natural beauty. Designers and developers can utilize this palette to create refined user interfaces, sophisticated branding, or serene digital experiences, ensuring a memorable and visually appealing user journey that feels both modern and timeless. It naturally lends itself to themes of winter, elegance, and natural freshness.

Best used for

Winter holiday branding
Elegant cosmetic packaging
Nature-inspired digital art
Cool-toned fashion editorials
Jewelry website design
Sophisticated seasonal marketing

Suggested color roles

primary

The vibrant #C13286 works well for main headings or significant UI elements, offering a pop of color with cool undertones.

secondary

Use the deep #8B0000 for impactful textual elements or calls-to-action that require more weight and sophistication.

accent

The soft dusty blue #B0C4DE can serve as a delicate accent for backgrounds, subtle gradients, or decorative flourishes, adding an ethereal touch.

background

The light gray #D3D3D3 provides a cool, inviting base that is soft on the eyes and complements the other tones.

text

For optimal readability on lighter shades like #D3D3D3, use the deep #8B0000 or a dark charcoal. On darker elements, #D3D3D3 or white ensures readability.

Accessibility notes

Ensure sufficient contrast between #8B0000 text and #D3D3D3 backgrounds for WCAG AA compliance.
Avoid using #A9A9A9 on #D3D3D3 for small text without careful contrast checks, as they are close in value.
The red and blue combination should be tested for colorblind users, ensuring information is not solely conveyed by these hues.
Always test color combinations with accessibility tools to meet WCAG standards, especially for text and interactive elements.

Recommended combinations

Frosty Contrast

Ideal for elegant branding, strong typography, or calls-to-action, offering a sophisticated contrast.

#8B0000 · #C13286 · #D3D3D3

Icy Serenity

Excellent for subtle gradients, decorative elements, or secondary information panels where a lighter, cool touch is desired.

#B0C4DE · #A9A9A9 · #D3D3D3

Berry Cool

Perfect for visual storytelling, smooth transitions, or decorative elements that require a flowing aesthetic with a cool pop.

#C13286 · #B0C4DE · #8B0000

CSS variables

:root {
  --berry-glaze-frost-1: #B0C4DE;
  --berry-glaze-frost-2: #C13286;
  --berry-glaze-frost-3: #8B0000;
  --berry-glaze-frost-4: #D3D3D3;
  --berry-glaze-frost-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-glaze-frost": {
        1: "#B0C4DE",
        2: "#C13286",
        3: "#8B0000",
        4: "#D3D3D3",
        5: "#A9A9A9",
      }
    }
  }
}

Hex values

Color 1#B0C4DE

Color 2#C13286

Color 3#8B0000

Color 4#D3D3D3

Color 5#A9A9A9

Accessibility

Contrast checker

2.9:1Fail

5.6:1AA

1.2:1Fail

1.3:1Fail

2.9:1Fail

1.9:1Fail

3.4:1AA18

2.2:1Fail

5.6:1AA

1.9:1Fail

6.7:1AA

4.3:1AA18

1.2:1Fail

3.4:1AA18

6.7:1AA

1.6:1Fail

1.3:1Fail

2.2:1Fail

4.3:1AA18

1.6:1Fail

Similar palettes

More like Berry Glaze Frost