Back to palettes

Palette

Arctic Tundra Bloom

Cool blues and muted greens capture the delicate beauty of tiny blooms in the icy tundra.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Tundra 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 Arctic Tundra Bloom.

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

Data visualization

#EAF0EF#BBD7D8#8FBFC1#6DA5A9#4C8287

Palette guide

How to use Arctic Tundra Bloom

Overview

The Arctic Tundra Bloom palette captures the delicate beauty of tiny blooms in the icy tundra, offering a range of cool blues and muted greens. It features an almost-white #EAF0EF, a soft #BBD7D8, and a balanced #8FBFC1. The palette deepens with #6DA5A9 and is anchored by the rich #4C8287. This collection is perfect for designers and developers seeking a clean, calm, and subtly natural aesthetic. Its harmonious gradient of cool, muted tones offers excellent versatility for conveying freshness, serenity, and understated elegance, making it suitable for a wide range of web and branding applications with a touch of organic charm.

Best used for

  • Eco-friendly product branding
  • Nature-inspired web designs
  • Wellness and spa promotions
  • Botanical art and illustration
  • Sustainable fashion lines
  • Clean, earthy app interfaces

Suggested color roles

primary

The deep #4C8287 serves as a strong primary for foundational elements, navigation, and dominant text, providing gravitas.

secondary

Use #6DA5A9 for subheadings, secondary calls-to-action, or important informational blocks, offering excellent readability.

accent

The vibrant #8FBFC1 or #BBD7D8 can serve as refreshing accents for interactive elements, highlights, or illustrative details.

background

Employ #EAF0EF as a clean, expansive background, creating an open, airy, and inviting canvas.

text

For optimal readability, use #4C8287 or black for primary text on light backgrounds. For dark backgrounds, #EAF0EF works best.

Accessibility notes

  • Ensure strong contrast between the darker shades (#4C8287, #6DA5A9) and the lightest (#EAF0EF) for all text and interactive elements.
  • Avoid using #BBD7D8 for text against #8FBFC1 due to potentially insufficient contrast for WCAG AA compliance.
  • Verify that all interactive elements have clear visual indicators for focus and hover states beyond color alone.
  • Consider using #4C8287 or black for all critical information to ensure maximum legibility across diverse viewing conditions.

Recommended combinations

Tundra Gradient

Excellent for backgrounds, hero images, or abstract graphics that require a smooth, cool, and natural transition.

#EAF0EF · #BBD7D8 · #8FBFC1

Bloom Focus

Ideal for strong headers, brand logos, or prominent calls-to-action, leveraging high contrast and depth.

#4C8287 · #6DA5A9 · #EAF0EF

Delicate Contrast

Use for navigation elements or data visualization, creating clear distinctions within a cool, organic aesthetic.

#8FBFC1 · #BBD7D8 · #4C8287

CSS variables

:root {
  --arctic-tundra-bloom-1: #EAF0EF;
  --arctic-tundra-bloom-2: #BBD7D8;
  --arctic-tundra-bloom-3: #8FBFC1;
  --arctic-tundra-bloom-4: #6DA5A9;
  --arctic-tundra-bloom-5: #4C8287;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-tundra-bloom": {
        1: "#EAF0EF",
        2: "#BBD7D8",
        3: "#8FBFC1",
        4: "#6DA5A9",
        5: "#4C8287",
      }
    }
  }
}

Related searches

muted teal palettearctic nature colorscalm green blue UIeco friendly brandingclean organic website colors

Palette colors

Hex values

Color 1#EAF0EF
·
Color 2#BBD7D8
·
Color 3#8FBFC1
·
Color 4#6DA5A9
·
Color 5#4C8287
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.4:1Fail
3.8:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.9:1Fail
3
1.8:1Fail
1.3:1Fail
1.4:1Fail
2.1:1Fail
4
2.4:1Fail
1.8:1Fail
1.4:1Fail
1.6:1Fail
5
3.8:1AA18
2.9:1Fail
2.1:1Fail
1.6:1Fail

Similar palettes

More like Arctic Tundra Bloom

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