Back to palettes

Palette

Frozen Dewdrop

Capturing the delicate sparkle of icy droplets on a chilly winter morning, fresh and clear.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0FFFF#B0E0E6#87CEEB#6A5ACD#483D8B

Palette guide

How to use Frozen Dewdrop

Overview

The 'Frozen Dewdrop' palette captures the delicate sparkle of icy droplets on a chilly winter morning, offering a fresh and clear aesthetic. This serene collection ranges from the ethereal #E0FFFF to the profound #483D8B, blending soft icy blues with deeper, contemplative purplish-blues. Key hues like #B0E0E6, #87CEEB, and #6A5ACD provide a harmonious gradient, ideal for designs seeking to evoke calm, clarity, and sophistication. Designers will find this palette excellent for creating tranquil digital experiences or elegant branding that conveys a sense of peaceful reflection and understated beauty, suitable for various applications from web to print.

Best used for

  • Serene and calming website interfaces
  • Branding for wellness, spas, or meditation apps
  • Winter season marketing and editorial layouts
  • Elegant stationery and print designs
  • Minimalist product packaging
  • Digital illustrations with a tranquil, cool atmosphere

Suggested color roles

primary

Assign #483D8B for main headings or critical interactive elements, providing a grounded, sophisticated anchor.

secondary

Use #6A5ACD for subheadings, secondary navigation, or as a supportive accent, adding depth without overt vibrancy.

accent

Apply #87CEEB sparingly for highlights, small icons, or to draw attention to specific UI components with a refreshing touch.

background

Utilize #E0FFFF as a pristine, light background for content, ensuring maximum readability and an airy feel.

text

For body text, a deep shade like #483D8B or a near-black charcoal on light backgrounds ensures optimal readability.

Accessibility notes

  • Ensure high contrast when placing text on the very light #E0FFFF background; use a dark color like #483D8B.
  • The mid-tones like #87CEEB and #B0E0E6 require careful text pairing to meet WCAG contrast guidelines.
  • Avoid using similar light shades for interactive elements to prevent confusion for users.
  • Consider larger font sizes for text presented in lighter colors such as #87CEEB, especially on slightly off-white backgrounds.

Recommended combinations

Icy Calm

Creates a serene, high-contrast base, with the darkest color for text and the lightest for spacious backgrounds.

#E0FFFF · #B0E0E6 · #483D8B

Deep Reflect

Ideal for sections requiring depth and sophistication, transitioning from dark to a brighter, reflective blue.

#483D8B · #6A5ACD · #87CEEB

Soft Shimmer

Perfect for subtle gradients or layered graphics, evoking a gentle, frosted appearance.

#E0FFFF · #B0E0E6 · #6A5ACD

CSS variables

:root {
  --frozen-dewdrop-1: #E0FFFF;
  --frozen-dewdrop-2: #B0E0E6;
  --frozen-dewdrop-3: #87CEEB;
  --frozen-dewdrop-4: #6A5ACD;
  --frozen-dewdrop-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-dewdrop": {
        1: "#E0FFFF",
        2: "#B0E0E6",
        3: "#87CEEB",
        4: "#6A5ACD",
        5: "#483D8B",
      }
    }
  }
}

Related searches

serene blue color schemewinter ice design palettecalm cool toneslight purple blue paletteelegant frosted colors

Palette colors

Hex values

Color 1#E0FFFF
·
Color 2#B0E0E6
·
Color 3#87CEEB
·
Color 4#6A5ACD
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
5:1AA
8.6:1AAA
2
1.4:1Fail
1.2:1Fail
3.7:1AA18
6.3:1AA
3
1.7:1Fail
1.2:1Fail
3:1AA18
5.2:1AA
4
5:1AA
3.7:1AA18
3:1AA18
1.7:1Fail
5
8.6:1AAA
6.3:1AA
5.2:1AA
1.7:1Fail

Similar palettes

More like Frozen Dewdrop

View all cool
Arctic Dawn Light
Arctic Glacier Chill
Frosted Lakeside Calm
Frosted Winter Lake
Frozen Crystal Grotto
Frozen Lake Shimmer