Palette

Frosted Berry Kiss

Delicate pinks and icy blues evoke berries touched by a crisp winter morning frost.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0E0E6#87CEEB#DC143C#8B0000#F0F8FF

Palette guide

How to use Frosted Berry Kiss

Overview

The "Frosted Berry Kiss" palette delivers a crisp and invigorating blend of icy blues and bold berry reds, perfect for designs that aim to be fresh, dynamic, and memorable. It features a light powder blue #B0E0E6, a bright sky blue #87CEEB, a striking crimson #DC143C, a deep dark red #8B0000, and a pristine near-white #F0F8FF. This palette evokes the sensation of berries touched by a crisp winter morning frost, accented with a vibrant kiss of color. It's an excellent choice for projects requiring high energy, clear calls-to-action, and a modern, clean aesthetic, from sports branding to seasonal campaigns.

Best used for

Sports or outdoor adventure branding
Seasonal holiday promotions or campaigns
Modern e-commerce sites with bold products
Youth-focused digital interfaces
Event branding for dynamic gatherings
Packaging for refreshing beverages or snacks

Suggested color roles

primary

A deep, impactful dark red #8B0000, ideal for strong branding, main headlines, or critical calls-to-action, conveying urgency and passion.

secondary

This vibrant crimson #DC143C provides an energetic complement, suitable for secondary buttons, highlights, or graphical elements that need to pop.

accent

A bright sky blue #87CEEB, perfect for interactive elements, hover states, or subtle graphical accents, adding a refreshing, cool contrast.

background

A crisp, clean off-white #F0F8FF, offering an expansive and airy canvas that maximizes readability for darker text and vibrant accents.

text

Use this deep red #8B0000 for prominent titles or key textual information on light backgrounds. For general body text, a dark gray or black ensures optimal legibility.

Accessibility notes

Ensure #8B0000 or black text has high contrast against #F0F8FF, #B0E0E6, and #87CEEB backgrounds.
Lighter blues like #B0E0E6 and #87CEEB should not be used for small text due to potential contrast issues.
The vibrant reds, #DC143C and #8B0000, provide excellent contrast for white text, but ensure text size is adequate.
When pairing #DC143C with #87CEEB, ensure there's enough difference in luminosity for users with color vision deficiencies.

Recommended combinations

Bold & Fresh

A powerful combination of deep red, clean white, and bright blue for high impact and clarity.

#8B0000 · #F0F8FF · #87CEEB

Dynamic Duo

Vibrant crimson against a soft powder blue and crisp white background, creating a lively yet balanced look.

#DC143C · #B0E0E6 · #F0F8FF

Icy Punch

Use the bright blue as a primary visual, grounded by the deep red, on an expansive white canvas.

#87CEEB · #8B0000 · #F0F8FF

CSS variables

:root {
  --frosted-berry-kiss-1: #B0E0E6;
  --frosted-berry-kiss-2: #87CEEB;
  --frosted-berry-kiss-3: #DC143C;
  --frosted-berry-kiss-4: #8B0000;
  --frosted-berry-kiss-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-berry-kiss": {
        1: "#B0E0E6",
        2: "#87CEEB",
        3: "#DC143C",
        4: "#8B0000",
        5: "#F0F8FF",
      }
    }
  }
}

Hex values

Color 1#B0E0E6

Color 2#87CEEB

Color 3#DC143C

Color 4#8B0000

Color 5#F0F8FF

Accessibility

Contrast checker

1.2:1Fail

3.5:1AA18

7:1AA

1.3:1Fail

1.2:1Fail

2.9:1Fail

5.7:1AA

1.6:1Fail

3.5:1AA18

2.9:1Fail

2:1Fail

4.7:1AA

7:1AA

5.7:1AA

2:1Fail

9.3:1AAA

1.3:1Fail

1.6:1Fail

4.7:1AA

9.3:1AAA

Similar palettes

More like Frosted Berry Kiss