Palette

Frozen Tundra Petals

Captures the muted, resilient beauty of a vast arctic tundra under a pale sky, with subtle blooms.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A8D9F#A0B2B9#CEDCE2#4F707E#849CA6

Palette guide

How to use Frozen Tundra Petals

Overview

The "Frozen Tundra Petals" palette captures the muted, resilient beauty of a vast arctic tundra under a pale sky, with subtle blooms. This cool and minimal collection features sophisticated blue-greys and soft, muted tones, evoking a sense of enduring calm and understated strength. Shades like #4F707E provide a deep, anchoring presence, while #6A8D9F and #849CA6 offer harmonious mid-tones. The lighter #A0B2B9 and #CEDCE2 introduce an airy, frosty quality. It's an ideal choice for designs requiring a refined, natural, and subtly melancholic aesthetic. Developers will find its cohesive nature excellent for building interfaces that feel both grounded and expansive, perfect for sustainable brands or reflective content.

Best used for

Sustainable brand identity
Nature-inspired editorial content
Minimalist photography blogs
Environmental research platforms
Calm mobile app designs
Sophisticated interior decor visualization

Suggested color roles

primary

Utilize #6A8D9F as the main color for foundational elements like headers or primary navigation, providing a sophisticated anchor.

secondary

Employ #849CA6 for supporting content blocks, subheadings, or secondary interactive elements, maintaining harmony and depth.

accent

Introduce #A0B2B9 for delicate highlights, small icons, or to add a subtle touch of frosty luminance.

background

Use #CEDCE2 as the expansive background color for most content, creating an open, airy, and serene canvas.

text

For optimal readability on lighter backgrounds, use #4F707E or a deep charcoal (e.g., #333333). For inverse text, #CEDCE2 works well.

Accessibility notes

Ensure strong contrast when pairing the darkest (#4F707E) with the lightest (#CEDCE2) colors for text, adhering to WCAG guidelines.
Avoid placing #A0B2B9 and #CEDCE2 directly adjacent for critical information due to minimal contrast.
Test interactive elements using #6A8D9F for hover and active states to ensure clear visual feedback.
For small text, prioritize using #4F707E on the lightest available backgrounds to ensure maximum legibility.

Recommended combinations

Arctic Bloom

Ideal for clean content layouts or serene landing pages, emphasizing spaciousness and subtle depth.

#CEDCE2 · #A0B2B9 · #6A8D9F

Tundra Depth

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

#4F707E · #6A8D9F · #CEDCE2

Pale Sky

Use for informational graphics or subtle branding, where the progression of blue-greys creates a sophisticated hierarchy.

#A0B2B9 · #849CA6 · #4F707E

CSS variables

:root {
  --frozen-tundra-petals-1: #6A8D9F;
  --frozen-tundra-petals-2: #A0B2B9;
  --frozen-tundra-petals-3: #CEDCE2;
  --frozen-tundra-petals-4: #4F707E;
  --frozen-tundra-petals-5: #849CA6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-tundra-petals": {
        1: "#6A8D9F",
        2: "#A0B2B9",
        3: "#CEDCE2",
        4: "#4F707E",
        5: "#849CA6",
      }
    }
  }
}

Hex values

Color 1#6A8D9F

Color 2#A0B2B9

Color 3#CEDCE2

Color 4#4F707E

Color 5#849CA6

Accessibility

Contrast checker

1.6:1Fail

2.5:1Fail

1.5:1Fail

1.2:1Fail

1.6:1Fail

2.4:1Fail

1.3:1Fail

2.5:1Fail

1.6:1Fail

3.8:1AA18

2.1:1Fail

1.5:1Fail

2.4:1Fail

3.8:1AA18

1.8:1Fail

1.2:1Fail

1.3:1Fail

2.1:1Fail

1.8:1Fail

Similar palettes

More like Frozen Tundra Petals

Frozen Tundra Petals

See it in context.

Ready when you are.

Built with Frozen Tundra Petals.

How to use Frozen Tundra Petals

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Arctic Bloom

Tundra Depth

Pale Sky

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Frozen Tundra Petals