Palette

Frozen Pond Dawn

Captures the serene quiet of a frosted pond reflecting the first blush of a winter morning sky.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frozen Pond Dawn 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 Frozen Pond Dawn.

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

Data visualization

#A9D6E5#E0F2F7#6B7B8C#F1DDE3#C4D3DD

Palette guide

How to use Frozen Pond Dawn

Overview

The "Frozen Pond Dawn" palette captures the serene quiet of a frosted pond reflecting the first blush of a winter morning sky. This cool and crisp collection offers a delicate balance of muted blues, soft greys, and a hint of dusty rose, creating an atmosphere of calm and introspection. Shades like #A9D6E5 and #C4D3DD provide a gentle blue foundation, while #6B7B8C introduces a grounding, sophisticated grey. The ethereal #E0F2F7 acts as a soft, expansive backdrop, and #F1DDE3 offers a unique, warm-ish accent. It's perfect for designs needing a touch of elegance, tranquility, and a sophisticated, understated charm, suitable for art, wellness, or refined editorial content.

Best used for

Art gallery websites
Wellness and mindfulness apps
Sophisticated editorial layouts
Boutique hotel branding
Winter-themed event invitations
Photography portfolio backgrounds

Suggested color roles

primary

Utilize #A9D6E5 as a primary color for main content areas or headers, providing a soft yet clear presence.

secondary

Employ #C4D3DD for supporting elements, secondary navigation, or subtle graphic details, maintaining harmony.

accent

Introduce #F1DDE3 as a unique accent for highlights, call-to-action elements, or decorative touches, adding a gentle warmth.

background

Use #E0F2F7 as the expansive background color to create an airy, serene, and inviting canvas.

text

For optimal readability, pair #6B7B8C or a deep charcoal (e.g., #333333) with the lighter backgrounds. For inverse text, #E0F2F7 works well.

Accessibility notes

Ensure strong contrast when using #6B7B8C for text on lighter backgrounds like #E0F2F7 or #A9D6E5.
Avoid placing #E0F2F7 and #F1DDE3 directly next to each other for critical information due to low contrast.
Test interactive elements with #A9D6E5 for their hover and active states to ensure clear visual feedback.
For small text, prioritize using darker tones like #6B7B8C on the lightest available backgrounds to ensure legibility.

Recommended combinations

Dawn Frost

Ideal for clean content layouts or serene landing pages, with #6B7B8C providing text contrast.

#E0F2F7 · #A9D6E5 · #6B7B8C

Pond Reflection

Excellent for subtle branding elements or card backgrounds, offering a balanced and elegant feel.

#C4D3DD · #A9D6E5 · #F1DDE3

Winter Blush

Use for delicate accents or highlight areas, where #F1DDE3 adds a unique, soft touch against the cool base.

#E0F2F7 · #F1DDE3 · #6B7B8C

CSS variables

:root {
  --frozen-pond-dawn-1: #A9D6E5;
  --frozen-pond-dawn-2: #E0F2F7;
  --frozen-pond-dawn-3: #6B7B8C;
  --frozen-pond-dawn-4: #F1DDE3;
  --frozen-pond-dawn-5: #C4D3DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-pond-dawn": {
        1: "#A9D6E5",
        2: "#E0F2F7",
        3: "#6B7B8C",
        4: "#F1DDE3",
        5: "#C4D3DD",
      }
    }
  }
}

Hex values

Color 1#A9D6E5

Color 2#E0F2F7

Color 3#6B7B8C

Color 4#F1DDE3

Color 5#C4D3DD

Accessibility

Contrast checker

1.4:1Fail

2.8:1Fail

1.2:1Fail

1:1Fail

1.4:1Fail

3.8:1AA18

1.1:1Fail

1.3:1Fail

2.8:1Fail

3.8:1AA18

3.3:1AA18

2.8:1Fail

1.2:1Fail

1.1:1Fail

3.3:1AA18

1.2:1Fail

1:1Fail

1.3:1Fail

2.8:1Fail

1.2:1Fail

Similar palettes

More like Frozen Pond Dawn

Frozen Pond Dawn

See it in context.

Ready when you are.

Built with Frozen Pond Dawn.

How to use Frozen Pond Dawn

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dawn Frost

Pond Reflection

Winter Blush

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Frozen Pond Dawn