Back to palettes

Palette

Frozen Plains Bloom

Muted blues and subtle purples inspired by hardy blossoms peeking through the icy Arctic tundra.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0E0E6#ADD8E6#87CEEB#4682B4#191970

Palette guide

How to use Frozen Plains Bloom

Overview

The "Frozen Plains Bloom" palette captures the muted, resilient beauty of arctic tundra, featuring soft blues and subtle purples. Inspired by hardy blossoms peeking through ice, this cool palette offers a tranquil yet understated aesthetic. Shades like #191970 provide a deep, grounding base, while #4682B4 introduces a classic steel blue. Lighter tones such as #B0E0E6, #ADD8E6, and #87CEEB evoke the frosty expanse and delicate blooms. It’s an ideal choice for designs requiring a calm, sophisticated, and slightly melancholic mood. Developers will find its cohesive progression useful for building interfaces that feel both sturdy and serene, perfect for environmental themes or educational platforms.

Best used for

  • Environmental non-profit websites
  • Educational content platforms
  • Outdoor adventure branding
  • Winter landscape photography display
  • Serene app interfaces
  • Nature-inspired product design

Suggested color roles

primary

Utilize #4682B4 as the main color for headings or primary buttons, providing a solid yet muted presence.

secondary

Employ #87CEEB for supporting content blocks, secondary navigation, or subtle interactive elements, maintaining lightness.

accent

Introduce #B0E0E6 for delicate highlights, small icons, or to add a touch of frosty luminosity.

background

Use #ADD8E6 as a soft, expansive background color for most content, offering an airy and tranquil canvas.

text

For primary text on lighter backgrounds, #191970 or a dark grey (e.g., #333333) ensures excellent readability. For inverse text, #B0E0E6 works well.

Accessibility notes

  • Ensure sufficient contrast between #191970 text and lighter backgrounds like #ADD8E6 or #B0E0E6.
  • Avoid pairing very similar light blues like #B0E0E6 and #ADD8E6 for critical information due to low contrast.
  • Test interactive elements using #4682B4 for states like hover or active to ensure clear visual feedback.
  • For small text, prioritize using #191970 or #4682B4 on the lightest backgrounds for maximum legibility.

Recommended combinations

Tundra Sky

Excellent for strong headings and subheadings, offering depth with a clear, light accent for details.

#191970 · #4682B4 · #B0E0E6

Frosty Dawn

Ideal for serene content sections or infographics, using the progression for visual hierarchy.

#ADD8E6 · #87CEEB · #4682B4

Arctic Bloom

Great for subtle branding or UI elements, where #B0E0E6 provides a soft base and #191970 grounds the design.

#B0E0E6 · #191970 · #87CEEB

CSS variables

:root {
  --frozen-plains-bloom-1: #B0E0E6;
  --frozen-plains-bloom-2: #ADD8E6;
  --frozen-plains-bloom-3: #87CEEB;
  --frozen-plains-bloom-4: #4682B4;
  --frozen-plains-bloom-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-plains-bloom": {
        1: "#B0E0E6",
        2: "#ADD8E6",
        3: "#87CEEB",
        4: "#4682B4",
        5: "#191970",
      }
    }
  }
}

Related searches

arctic blue color schememuted cool palettetundra inspired colorscalm blue web designsubtle winter tones

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#ADD8E6
·
Color 3#87CEEB
·
Color 4#4682B4
·
Color 5#191970
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
2.9:1Fail
10.4:1AAA
2
1.1:1Fail
1.1:1Fail
2.7:1Fail
9.7:1AAA
3
1.2:1Fail
1.1:1Fail
2.4:1Fail
8.5:1AAA
4
2.9:1Fail
2.7:1Fail
2.4:1Fail
3.6:1AA18
5
10.4:1AAA
9.7:1AAA
8.5:1AAA
3.6:1AA18

Similar palettes

More like Frozen Plains Bloom

View all cool
Arctic Glacier Edge
Arctic Shoreline Chill
Arctic Shoreline Frost
Arctic Tundra Bloom
Arctic Twilight Ice
Deep Arctic Fjord