Palette

Arctic Blossom Chill

Pristine and serene, reflecting the delicate resilience of life in a frosty, icy world.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Blossom Chill 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 Blossom Chill.

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

Data visualization

#A7DBD8#E0FFFF#95B9C7#5F9EA0#4682B4

Palette guide

How to use Arctic Blossom Chill

Overview

The Arctic Blossom Chill palette embodies the serene and pristine beauty of delicate life in a frosty world, featuring a harmonious blend of cool blues and greens. This palette includes the soft, muted teal of #A7DBD8 (Turquoise Blue), the almost-white light cyan of #E0FFFF (Light Cyan), and the gentle blue-gray of #95B9C7 (Cadet Blue). Deeper tones are represented by the muted blue-green of #5F9EA0 (Cadet Blue) and the classic steel blue of #4682B4 (Steel Blue), providing depth and stability. This collection is ideal for designers seeking to convey calm, purity, and a refined sense of nature. Developers can apply these colors to create clean, intuitive interfaces and designs that feel both fresh and grounded.

Best used for

Eco-friendly or sustainable brand identities
Healthcare or wellness application UIs
Interior design visualization
Photography showcasing natural landscapes
Educational materials for calm environments
Serene blog or portfolio websites

Suggested color roles

primary

Utilize #E0FFFF (Light Cyan) for expansive backgrounds to create an open, airy feel.

secondary

#A7DBD8 (Turquoise Blue) works well for content containers, sidebars, or subtle navigational elements.

accent

#4682B4 (Steel Blue) can be effectively used for calls-to-action, important links, or primary icons, offering a solid anchor.

background

#E0FFFF provides a very light, almost white base, enhancing readability and a sense of cleanliness.

text

For text on light backgrounds, use a deep charcoal or black. On darker colors like #4682B4, use white or a very light gray.

Accessibility notes

Ensure #E0FFFF as a background has sufficient contrast with any text color; black or a very dark blue is usually best.
Avoid placing #A7DBD8 directly on #95B9C7 for small text or critical elements due to their similar lightness.
Text in #5F9EA0 or #4682B4 will need a light background (e.g., white or #E0FFFF) for optimal readability.
Always test contrast ratios for interactive elements to meet WCAG standards, especially with the lighter blues.

Recommended combinations

Icy Purity

A clean and refreshing combination, great for main content and primary actions.

#E0FFFF · #A7DBD8 · #4682B4

Misty Calm

Creates a soft, contemplative mood, suitable for informational panels or decorative elements.

#95B9C7 · #5F9EA0 · #E0FFFF

Deep Resilience

Provides a grounded feel with lighter elements for balance, good for branding.

#4682B4 · #A7DBD8 · #E0FFFF

CSS variables

:root {
  --arctic-blossom-chill-1: #A7DBD8;
  --arctic-blossom-chill-2: #E0FFFF;
  --arctic-blossom-chill-3: #95B9C7;
  --arctic-blossom-chill-4: #5F9EA0;
  --arctic-blossom-chill-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-blossom-chill": {
        1: "#A7DBD8",
        2: "#E0FFFF",
        3: "#95B9C7",
        4: "#5F9EA0",
        5: "#4682B4",
      }
    }
  }
}

Hex values

Color 1#A7DBD8

Color 2#E0FFFF

Color 3#95B9C7

Color 4#5F9EA0

Color 5#4682B4

Accessibility

Contrast checker

1.4:1Fail

2:1Fail

2.7:1Fail

1.4:1Fail

2:1Fail

2.9:1Fail

3.9:1AA18

1.4:1Fail

2:1Fail

1.5:1Fail

2:1Fail

2.9:1Fail

1.5:1Fail

1.3:1Fail

2.7:1Fail

3.9:1AA18

2:1Fail

1.3:1Fail

Similar palettes

More like Arctic Blossom Chill

Arctic Blossom Chill

See it in context.

Ready when you are.

Built with Arctic Blossom Chill.

How to use Arctic Blossom Chill

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Icy Purity

Misty Calm

Deep Resilience

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Arctic Blossom Chill