Palette

Frosted Berry Patch

Icy blues and cool grays, hinting at hidden deep berries beneath a layer of pristine winter frost.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4E0E8#A8C2D4#7D9ABB#4F6D8A#2C4A5C

Palette guide

How to use Frosted Berry Patch

Overview

This "Frosted Berry Patch" palette (version 2) is a sophisticated and cool collection of monochromatic blues and grays, evoking the serene calm of a winter landscape where berries lie hidden beneath frost. It features a very light gray-blue #D4E0E8, a soft medium blue #A8C2D4, a muted steel blue #7D9ABB, a deeper, more pronounced blue #4F6D8A, and a profound dark blue-gray #2C4A5C. This palette is perfect for designs that aim for a clean, professional, and tranquil aesthetic. Its graduated cool tones are excellent for corporate branding, tech interfaces, or any project requiring a sense of stability, clarity, and understated elegance.

Best used for

Professional corporate branding
Technology and software interfaces
Minimalist website designs
Winter-themed editorial layouts
Financial services or consulting firms
Architectural or interior design presentations

Suggested color roles

primary

A deep, authoritative dark blue-gray #2C4A5C, ideal for main brand elements, headers, and significant structural components, providing strong grounding.

secondary

This medium-dark blue #4F6D8A offers a reliable secondary tone, suitable for subheadings, navigation, or informational sections, maintaining professionalism.

accent

A muted steel blue #7D9ABB, perfect for subtle highlights, interactive elements, or graphical details, adding a touch of understated elegance.

background

A very light gray-blue #D4E0E8, serving as an expansive, clean, and calming background that enhances readability and provides a spacious feel.

text

Utilize this deep blue-gray #2C4A5C for all primary body text and important labels on lighter backgrounds like #D4E0E8 for optimal legibility and a cohesive look.

Accessibility notes

Ensure #2C4A5C text on #D4E0E8, #A8C2D4, and #7D9ABB backgrounds meets WCAG contrast standards.
Lighter colors such as #D4E0E8 and #A8C2D4 are generally unsuitable for small text due to low contrast.
This monochromatic palette requires careful differentiation of interactive elements through states (e.g., hover, focus) beyond just color.
For optimal readability, ensure sufficient line height and letter spacing when using text on slightly darker shades like #7D9ABB.

Recommended combinations

Deep Clarity

A strong combination of deep blue-gray, crisp light background, and a supportive mid-tone blue.

#2C4A5C · #D4E0E8 · #4F6D8A

Gradual Cool

Excellent for creating subtle visual hierarchy or smooth color transitions within UI elements.

#A8C2D4 · #7D9ABB · #4F6D8A

Icy Professional

Light background with deep text, accented by a sophisticated steel blue for a clean, professional look.

#D4E0E8 · #2C4A5C · #7D9ABB

CSS variables

:root {
  --frosted-berry-patch-2-1: #D4E0E8;
  --frosted-berry-patch-2-2: #A8C2D4;
  --frosted-berry-patch-2-3: #7D9ABB;
  --frosted-berry-patch-2-4: #4F6D8A;
  --frosted-berry-patch-2-5: #2C4A5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-berry-patch-2": {
        1: "#D4E0E8",
        2: "#A8C2D4",
        3: "#7D9ABB",
        4: "#4F6D8A",
        5: "#2C4A5C",
      }
    }
  }
}

Hex values

Color 1#D4E0E8

Color 2#A8C2D4

Color 3#7D9ABB

Color 4#4F6D8A

Color 5#2C4A5C

Accessibility

Contrast checker

1.4:1Fail

2.2:1Fail

4:1AA18

7:1AA

1.4:1Fail

1.6:1Fail

2.9:1Fail

5.1:1AA

2.2:1Fail

1.6:1Fail

1.9:1Fail

3.2:1AA18

4:1AA18

2.9:1Fail

1.9:1Fail

1.7:1Fail

7:1AA

5.1:1AA

3.2:1AA18

1.7:1Fail

Similar palettes

More like Frosted Berry Patch