Back to palettes

Palette

Frosted Berry Sparkle

Cool blues and icy purples evoke the delicate beauty of berries on a frosty morning.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1B263B#415A77#778DA9#E0BBE4#9D75CB

Palette guide

How to use Frosted Berry Sparkle

Overview

The Frosted Berry Sparkle palette presents a sophisticated blend of cool blues and icy purples, reflecting the delicate beauty of berries on a frosty morning. Ranging from the deep #1B263B to the soft #E0BBE4, with versatile mid-tones like #415A77, #778DA9, and #9D75CB, this scheme offers elegance and calm. It's an excellent choice for designers and developers seeking to convey professionalism, serenity, and a touch of understated luxury. The palette's cool nature ensures a clean, modern aesthetic suitable for various applications.

Best used for

  • Corporate branding and professional websites
  • Tech interfaces and software dashboards
  • Luxury packaging design for high-end products
  • Elegant winter-themed marketing materials
  • Architectural visualization and interior design concepts
  • Minimalist design projects requiring cool tones

Suggested color roles

primary

Utilize #415A77 as a strong primary color for main headings, navigation, or large background sections, establishing a deep, cool foundation.

secondary

Employ #9D75CB for supporting graphics, subheadings, or interactive elements, providing a sophisticated icy purple accent.

accent

Apply #E0BBE4 sparingly for delicate highlights, subtle borders, or to introduce an ethereal, frosted shimmer against darker blues.

background

The very dark #1B263B serves as an excellent, sophisticated background, enhancing depth and allowing lighter elements to stand out crisply.

text

For dark text on light backgrounds, #1B263B offers strong readability. For text on dark backgrounds, #E0BBE4 ensures elegant and clear contrast.

Accessibility notes

  • Ensure sufficient contrast between the lightest color, #E0BBE4, and any mid-tone blues or purples for text or essential elements.
  • The darkest color, #1B263B, provides excellent contrast for light text, making it highly accessible for headlines and body copy.
  • Be cautious when using #778DA9 for small text on similarly light backgrounds; always check WCAG contrast ratios.
  • For interactive elements, ensure distinct visual cues for states (hover, focus) given the subtle differences between some hues.

Recommended combinations

Icy Elegance

Creates a sophisticated and clean aesthetic, ideal for corporate branding, dark mode UIs, or elegant winter-themed designs.

#1B263B · #415A77 · #E0BBE4

Frosted Harmony

Perfect for designs requiring a soft, harmonious blend of cool mid-tones and highlights, suitable for serene web backgrounds or subtle illustrations.

#778DA9 · #9D75CB · #E0BBE4

Cool Depth

Establishes a solid, cool base with supporting mid-tones, effective for creating visual structure and a sense of calm professionalism in layouts.

#1B263B · #9D75CB · #415A77

CSS variables

:root {
  --frosted-berry-sparkle-1: #1B263B;
  --frosted-berry-sparkle-2: #415A77;
  --frosted-berry-sparkle-3: #778DA9;
  --frosted-berry-sparkle-4: #E0BBE4;
  --frosted-berry-sparkle-5: #9D75CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-berry-sparkle": {
        1: "#1B263B",
        2: "#415A77",
        3: "#778DA9",
        4: "#E0BBE4",
        5: "#9D75CB",
      }
    }
  }
}

Related searches

cool blue purple paletteelegant winter colorsfrosted blue schemesophisticated icy tonescalm tech design

Palette colors

Hex values

Color 1#1B263B
·
Color 2#415A77
·
Color 3#778DA9
·
Color 4#E0BBE4
·
Color 5#9D75CB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.4:1AA18
8.9:1AAA
4.2:1AA18
2
2.1:1Fail
2.1:1Fail
4.2:1AA18
2:1Fail
3
4.4:1AA18
2.1:1Fail
2:1Fail
1.1:1Fail
4
8.9:1AAA
4.2:1AA18
2:1Fail
2.1:1Fail
5
4.2:1AA18
2:1Fail
1.1:1Fail
2.1:1Fail

Similar palettes

More like Frosted Berry Sparkle

View all cool
Frosted Berry Winter
Winter Berry Glaze
Berry Glaze Frost
Frost Berry Chill
Frosted Berry Basket
Frosted Berry Bush