Back to palettes

Palette

Frozen Mist Expanse

A delicate and cool palette reflecting the misty, serene expanse of a frozen landscape.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C1D8D5#B2CDD4#A3C3CD#94B8C6#D0E4E7

Palette guide

How to use Frozen Mist Expanse

Overview

The "Frozen Mist Expanse" color palette offers a delicate and cool aesthetic, perfect for designs aiming for serenity and minimalism. Inspired by the misty expanse of a frozen landscape, its soft, ethereal blues and greens evoke a tranquil atmosphere. Key shades like #C1D8D5, a gentle minty blue, and #94B8C6, a slightly deeper, muted teal, provide a harmonious blend. The lighter #D0E4E7 serves as an excellent base, while #B2CDD4 and #A3C3CD add subtle depth. This palette is ideal for creating clean, calming interfaces, sophisticated branding, or evocative digital art that requires a touch of icy elegance. Developers will appreciate its cohesive nature for consistent UI elements.

Best used for

  • Minimalist website interfaces
  • Spa and wellness branding
  • Winter-themed digital illustrations
  • Eco-friendly product packaging
  • Serene mobile app designs
  • Interior design visualization (cool, calm spaces)

Suggested color roles

primary

Utilize #94B8C6 as the dominant color for main content blocks or key navigational elements, providing a stable yet soft foundation.

secondary

Apply #B2CDD4 for supporting content, subheadings, or secondary buttons to maintain the palette's cool, harmonious flow.

accent

Introduce #C1D8D5 for subtle highlights, interactive states, or small decorative elements to add a touch of icy crispness without overpowering.

background

Employ #D0E4E7 as the primary background color for large areas, creating an open, airy, and serene canvas for content.

text

For optimal readability, use a dark charcoal or black text (e.g., #333333 or #000000) against the light backgrounds, ensuring strong contrast.

Accessibility notes

  • Ensure sufficient contrast between text and background colors, especially when using lighter shades like #D0E4E7 for backgrounds.
  • Avoid placing #C1D8D5 and #B2CDD4 directly adjacent for critical information, as their low contrast might hinder readability.
  • Test all interactive element states (hover, focus, active) to ensure clear visual feedback, ideally using #94B8C6 or #A3C3CD.
  • For small text, opt for darker shades like #94B8C6 on light backgrounds, or use a true black for maximum legibility.

Recommended combinations

Misty Air

Ideal for clean, ethereal layouts such as health apps or serene landing pages, emphasizing spaciousness.

#D0E4E7 · #C1D8D5 · #B2CDD4

Deep Fog

Great for corporate reports or professional presentations where a calm, authoritative yet subtle presence is desired.

#A3C3CD · #94B8C6 · #D0E4E7

Icy Glimmer

Use for UI elements like cards or modals, where #94B8C6 provides structure and #C1D8D5 offers a gentle highlight.

#D0E4E7 · #94B8C6 · #C1D8D5

CSS variables

:root {
  --frozen-mist-expanse-1: #C1D8D5;
  --frozen-mist-expanse-2: #B2CDD4;
  --frozen-mist-expanse-3: #A3C3CD;
  --frozen-mist-expanse-4: #94B8C6;
  --frozen-mist-expanse-5: #D0E4E7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-mist-expanse": {
        1: "#C1D8D5",
        2: "#B2CDD4",
        3: "#A3C3CD",
        4: "#94B8C6",
        5: "#D0E4E7",
      }
    }
  }
}

Related searches

cool minimalist color paletteserene winter colorsicy blue green paletteminimal design color schemetranquil web colors

Palette colors

Hex values

Color 1#C1D8D5
·
Color 2#B2CDD4
·
Color 3#A3C3CD
·
Color 4#94B8C6
·
Color 5#D0E4E7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.1:1Fail
2
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.3:1Fail
3
1.2:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
4
1.4:1Fail
1.3:1Fail
1.1:1Fail
1.6:1Fail
5
1.1:1Fail
1.3:1Fail
1.4:1Fail
1.6:1Fail

Similar palettes

More like Frozen Mist Expanse

View all cool
Arctic Glacier Chill
Arctic Iceberg Edge
Frosted Cavern Chill
Ice Cave Luminescence
Arctic Fox Shadow
Arctic Frost Edge