Back to palettes

Palette

Misty Arctic Dawn

Soft and delicate blues and whites capturing the serene, ethereal beauty of a misty arctic morning.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Misty Arctic Dawn 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 Misty Arctic Dawn.

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

Data visualization

#ADD8E6#B0E0E6#AFEEEE#C8EAF0#DFF5F8

Palette guide

How to use Misty Arctic Dawn

Overview

The "Misty Arctic Dawn" palette is a collection of soft, delicate blues and whites, capturing the serene, ethereal beauty of an arctic morning. Dominated by the gentle #ADD8E6 and #B0E0E6, it flows into even lighter, almost indistinguishable hues like #AFEEEE, #C8EAF0, and the pristine #DFF5F8. This palette is designed for designers and developers seeking an ultra-minimalist, soothing, and airy aesthetic. It's perfect for creating interfaces and branding that feel pure, tranquil, and expansive, reminiscent of icy landscapes and clear, crisp skies. The subtle variations between the colors allow for depth without sacrificing lightness, ideal for creating a sophisticated, understated mood.

Best used for

  • Skincare and cosmetics branding
  • Baby product marketing and packaging
  • Minimalist interior design concepts
  • Winter clothing lines and e-commerce
  • Cloud computing interfaces and dashboards
  • Virtual reality and ethereal digital environments

Suggested color roles

primary

Use #ADD8E6 as a dominant color for large blocks, headers, or backgrounds where a gentle, cool presence is desired.

secondary

Employ #B0E0E6 for supporting elements, sub-sections, or subtle overlays to maintain a consistent light and airy feel.

accent

Apply #AFEEEE as a very soft accent for dividers, subtle icons, or hover states, offering minimal but noticeable differentiation.

background

Utilize #DFF5F8 for the main background to create an expansive, pristine canvas that allows other elements to breathe.

text

For critical readability, a very dark charcoal or black text is essential against all these light backgrounds. Avoid using light palette colors for small text.

Accessibility notes

  • Strictly use black or a very dark charcoal for all body text to ensure WCAG AA contrast on light backgrounds.
  • Avoid using any palette color for small text; their low saturation makes them hard to read against each other.
  • Ensure interactive elements have clear visual feedback, perhaps by slightly darkening the primary color on hover.
  • This palette's inherent low contrast between hues means careful consideration for conveying information visually.

Recommended combinations

Ethereal Base

Creates an ultra-light, layered background for a sense of depth and spaciousness in UI design.

#DFF5F8 · #C8EAF0 · #AFEEEE

Soft Focus

Ideal for illustrations, larger UI elements, or sections where a gentle blue emphasis is needed.

#ADD8E6 · #B0E0E6 · #C8EAF0

Arctic Flow

Use for delicate decorative lines, subtle gradients, or very soft interactive states, maintaining a fluid feel.

#B0E0E6 · #AFEEEE · #ADD8E6

CSS variables

:root {
  --misty-arctic-dawn-1: #ADD8E6;
  --misty-arctic-dawn-2: #B0E0E6;
  --misty-arctic-dawn-3: #AFEEEE;
  --misty-arctic-dawn-4: #C8EAF0;
  --misty-arctic-dawn-5: #DFF5F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-arctic-dawn": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#AFEEEE",
        4: "#C8EAF0",
        5: "#DFF5F8",
      }
    }
  }
}

Related searches

soft arctic palettedelicate blue whiteserene frosty UIsubtle pastel bluesethereal winter colors

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0E0E6
·
Color 3#AFEEEE
·
Color 4#C8EAF0
·
Color 5#DFF5F8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
2
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
3
1.2:1Fail
1.1:1Fail
1:1Fail
1.1:1Fail
4
1.2:1Fail
1.1:1Fail
1:1Fail
1.1:1Fail
5
1.4:1Fail
1.3:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Misty Arctic Dawn

View all cool
Arctic River Ice
Deep Arctic Lake
Glacial Lagoon Calm
Glacial Lake Mirror
Glacial Water Echo
Glacier Lake Serenity