Palette

Frost Kissed Berries

A cool palette blending frosty blues with the deep reds of berries, hinting at 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 Frost Kissed Berries 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 Frost Kissed Berries.

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

Data visualization

#8B0000#DC143C#FF6347#ADD8E6#B0E0E6

Palette guide

How to use Frost Kissed Berries

Overview

The Frost Kissed Berries palette offers a dynamic interplay between deep, vibrant berry reds and crisp, icy blues, capturing a crisp winter morning. This striking collection features a bold dark red (#8B0000), an energetic crimson (#DC143C), a warm tomato (#FF6347), a refreshing light blue (#ADD8E6), and a serene powder blue (#B0E0E6). Designers and developers can leverage this palette to create impactful branding, holiday themes, or user interfaces that demand attention with their contrasting yet harmonious elements, perfect for conveying both warmth and coolness.

Best used for

Holiday marketing campaigns and promotions
Food and beverage branding (especially seasonal)
Event invitations and festive decor
Retail promotions and e-commerce visuals
Editorial design with a vibrant pop
Art and craft websites or portfolios

Suggested color roles

primary

Use #8B0000 for a bold, strong presence in headlines, key calls-to-action, or central brand elements.

secondary

Apply #DC143C or #FF6347 as energetic supporting colors, excellent for highlighting important information or interactive states.

accent

Introduce #ADD8E6 for a cool, refreshing contrast, perfect for backgrounds or subtle UI elements that temper the red intensity.

background

Utilize #B0E0E6 as a light, airy base for cool sections, or consider a neutral white to let the reds truly pop.

text

For text on red backgrounds, use white. For text on light blue backgrounds, use black or very dark gray.

Accessibility notes

Red shades (#8B0000, #DC143C, #FF6347) require white or very light text for sufficient contrast and readability.
Ensure dark text on #ADD8E6 and #B0E0E6 meets contrast standards for optimal readability.
Avoid using #ADD8E6 and #B0E0E6 for critical text against each other due to their similar lightness.
Be mindful of colorblindness when using red and blue in close proximity for critical information; consider additional visual cues.

Recommended combinations

Berry Pop

For high-impact headlines, call-to-actions, and eye-catching hero sections.

#8B0000 · #DC143C · #ADD8E6

Frosty Glow

Ideal for lighter accents, subtle gradients, and secondary content areas.

#FF6347 · #B0E0E6 · #ADD8E6

Winter Contrast

Effective for brand elements, interactive components, and attention-grabbing banners.

#DC143C · #ADD8E6 · #8B0000

CSS variables

:root {
  --frost-kissed-berries-1: #8B0000;
  --frost-kissed-berries-2: #DC143C;
  --frost-kissed-berries-3: #FF6347;
  --frost-kissed-berries-4: #ADD8E6;
  --frost-kissed-berries-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frost-kissed-berries": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#FF6347",
        4: "#ADD8E6",
        5: "#B0E0E6",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#DC143C

Color 3#FF6347

Color 4#ADD8E6

Color 5#B0E0E6

Accessibility

Contrast checker

2:1Fail

3.4:1AA18

6.6:1AA

7:1AA

2:1Fail

1.7:1Fail

3.3:1AA18

3.5:1AA18

3.4:1AA18

1.7:1Fail

1.9:1Fail

2.1:1Fail

6.6:1AA

3.3:1AA18

1.9:1Fail

1.1:1Fail

7:1AA

3.5:1AA18

2.1:1Fail

1.1:1Fail

Similar palettes

More like Frost Kissed Berries

Frosted Juniper Berries

Frosted Juniper Berry