Back to palettes

Palette

Frost Berry Chill

Icy blues and soft pinks capture the delicate beauty of frosted berries on a cold, 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 Berry Chill 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 Berry Chill.

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

Data visualization

#4682B4#B0C4DE#87CEEB#FFB6C1#E0FFFF

Palette guide

How to use Frost Berry Chill

Overview

The Frost Berry Chill palette evokes the serene beauty of a winter morning, blending icy blues with soft, delicate pinks. Featuring a stable steel blue (#4682B4), a lighter steel blue (#B0C4DE), a vibrant sky blue (#87CEEB), a gentle light pink (#FFB6C1), and a crisp light cyan (#E0FFFF), this collection is perfect for creating digital interfaces and branding that feel both calming and inviting. Designers and developers can leverage its cool yet tender tones to craft user experiences that are clean, refreshing, and subtly playful, ideal for conveying a sense of calm elegance.

Best used for

  • Winter-themed branding and marketing
  • Serene website designs and UI
  • Mobile app interfaces with a fresh feel
  • Editorial layouts for lifestyle content
  • Delicate product packaging (e.g., beauty, confections)
  • Children's book illustrations

Suggested color roles

primary

Use #4682B4 as a strong, stable anchor for headings, main buttons, or core brand elements, offering a sense of reliability.

secondary

Employ #B0C4DE for supportive elements, subheadings, or background sections that require a softer touch than the primary blue.

accent

Introduce #FFB6C1 for a gentle pop of warmth, ideal for call-to-action buttons, highlights, or decorative flourishes.

background

Utilize #E0FFFF as a clean, airy canvas for most content, providing a bright and expansive feel.

text

For body text, use a dark gray or black for optimal readability, or #4682B4 for prominent headings on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for all text, especially on the light backgrounds like #E0FFFF and #B0C4DE.
  • The light pink #FFB6C1 will require dark text or a strong contrast against surrounding elements for readability.
  • Use #4682B4 or #87CEEB for interactive elements to provide clear visual cues.
  • Avoid placing #B0C4DE and #E0FFFF directly adjacent for critical information due to their similar lightness.

Recommended combinations

Icy Calm

For core brand identity, creating a professional yet tranquil impression.

#4682B4 · #B0C4DE · #E0FFFF

Berry Accent

To highlight UI elements, call-to-action buttons, or add vibrant, refreshing accents.

#87CEEB · #FFB6C1 · #E0FFFF

Gentle Frost

Ideal for soft backgrounds, subtle gradients, or secondary content areas.

#B0C4DE · #E0FFFF · #FFB6C1

CSS variables

:root {
  --frost-berry-chill-1: #4682B4;
  --frost-berry-chill-2: #B0C4DE;
  --frost-berry-chill-3: #87CEEB;
  --frost-berry-chill-4: #FFB6C1;
  --frost-berry-chill-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frost-berry-chill": {
        1: "#4682B4",
        2: "#B0C4DE",
        3: "#87CEEB",
        4: "#FFB6C1",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

winter color schemescool pink blue paletteserene UI colorslight blue pink designcalm branding colors

Palette colors

Hex values

Color 1#4682B4
·
Color 2#B0C4DE
·
Color 3#87CEEB
·
Color 4#FFB6C1
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
2.4:1Fail
2.5:1Fail
3.9:1AA18
2
2.3:1Fail
1:1Fail
1.1:1Fail
1.7:1Fail
3
2.4:1Fail
1:1Fail
1.1:1Fail
1.7:1Fail
4
2.5:1Fail
1.1:1Fail
1.1:1Fail
1.6:1Fail
5
3.9:1AA18
1.7:1Fail
1.7:1Fail
1.6:1Fail

Similar palettes

More like Frost Berry Chill

View all cool
Berry Glaze Frost
Winter Ice Bloom
Arctic Explorer's Dream
Arctic Sapphire Glimmer
Arctic Tundra Bloom
Arctic Whisper