Back to palettes

Palette

Arctic Northern Bloom

Soft blues and greens reflecting the subtle, delicate blooms that appear briefly in the stark arctic spring.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7EA9AE#A1C6C8#C8E3E4#E2F2F3#5B8B90

Palette guide

How to use Arctic Northern Bloom

Overview

The Arctic Northern Bloom palette reflects the subtle, delicate blooms that appear briefly in the stark arctic spring with soft blues and greens. Ranging from the light #E2F2F3 to the deep #5B8B90, this collection offers designers and developers a cool, serene aesthetic perfect for conveying tranquility, natural beauty, and modern elegance. The prominent #7EA9AE and #A1C6C8 provide a gentle progression of cool tones, allowing for elegant visual hierarchies in UI design, impactful branding, and serene digital experiences. It's an excellent choice for projects that aim to evoke peace, organic connection, and an understated, natural sophistication.

Best used for

  • Eco-friendly product branding
  • Nature conservation websites
  • Organic food or wellness brands
  • Minimalist interior design concepts
  • Garden and landscaping services
  • Artisan craft websites

Suggested color roles

primary

#5B8B90 (A deep, muted blue-green, excellent for main headings, crucial call-to-action buttons, or key UI elements that command attention.)

secondary

#7EA9AE (A versatile medium blue-green, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing gentle contrast.)

accent

#A1C6C8 (A lighter, cool blue-green, perfect for subtle highlights, hover states, or delicate design accents that need to glimmer.)

background

#E2F2F3 (A pristine, almost-white background that ensures maximum readability and a spacious, airy feel for any design.)

text

#5B8B90 (The darkest color in the palette, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #5B8B90 text on #E2F2F3 background meets WCAG AAA standards for optimal readability.
  • Avoid using #A1C6C8 or #C8E3E4 for text on similar light backgrounds, as contrast will be insufficient.
  • When using #7EA9AE for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #5B8B90, with the lightest background, #E2F2F3.

Recommended combinations

Deep Bloom

Ideal for a clean background with strong primary text and a deep blue-green for headings or key actions.

#E2F2F3 · #5B8B90 · #7EA9AE

Natural Layers

Use for creating visual depth in layered UI components, card backgrounds, or subtle gradients.

#C8E3E4 · #A1C6C8 · #7EA9AE

Soft Accent

Apply the darkest blue-green for focal points, with lighter tones providing a serene context.

#5B8B90 · #E2F2F3 · #C8E3E4

CSS variables

:root {
  --arctic-northern-bloom-1: #7EA9AE;
  --arctic-northern-bloom-2: #A1C6C8;
  --arctic-northern-bloom-3: #C8E3E4;
  --arctic-northern-bloom-4: #E2F2F3;
  --arctic-northern-bloom-5: #5B8B90;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-northern-bloom": {
        1: "#7EA9AE",
        2: "#A1C6C8",
        3: "#C8E3E4",
        4: "#E2F2F3",
        5: "#5B8B90",
      }
    }
  }
}

Related searches

arctic blue green palettenorthern bloom color schememinimalist natural brandingserene UI design greencool spring web colors

Palette colors

Hex values

Color 1#7EA9AE
·
Color 2#A1C6C8
·
Color 3#C8E3E4
·
Color 4#E2F2F3
·
Color 5#5B8B90
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.2:1Fail
1.5:1Fail
2
1.4:1Fail
1.4:1Fail
1.6:1Fail
2.1:1Fail
3
1.9:1Fail
1.4:1Fail
1.2:1Fail
2.8:1Fail
4
2.2:1Fail
1.6:1Fail
1.2:1Fail
3.3:1AA18
5
1.5:1Fail
2.1:1Fail
2.8:1Fail
3.3:1AA18

Similar palettes

More like Arctic Northern Bloom

View all cool
Evergreen Snowfall Chill
Frozen Whispers
Winter Frost Bloom
Aquatic Coral Garden
Aquatic Moss Garden
Arctic Dawn Light