Back to palettes

Palette

Arctic Dawn Light

A tranquil palette inspired by the first light touching an icy Arctic landscape, evoking a sense of peaceful awakening.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0E0E6#ADD8E6#87CEEB#6A5ACD#483D8B

Palette guide

How to use Arctic Dawn Light

Overview

The Arctic Dawn Light palette beautifully captures the tranquil moment when the first light touches an icy Arctic landscape, blending serene blues with a touch of deep violet. It features the soft, airy powder blue of #B0E0E6 and the slightly more saturated light blue of #ADD8E6, creating a gentle, expansive feel. The clear sky blue of #87CEEB adds a vibrant mid-tone, while the elegant slate blue of #6A5ACD introduces a sophisticated depth. Anchoring the palette is the rich, dark slate blue of #483D8B (Dark Slate Blue), providing a strong, grounding presence. Designers can use this palette to evoke peaceful awakening and refined calm, ideal for projects needing a subtle yet profound cool aesthetic.

Best used for

  • Meditation or mindfulness app UIs
  • Wellness and self-care branding
  • Travel agencies specializing in serene destinations
  • Educational content about nature or astronomy
  • Sophisticated interior design concepts
  • Personal blogs or portfolios with a calm mood

Suggested color roles

primary

Use #B0E0E6 (Powder Blue) as the main background color to establish a light, airy, and serene foundation.

secondary

#ADD8E6 (Light Blue) or #87CEEB (Sky Blue) can be used for content cards, sidebars, or secondary navigation, adding gentle variation.

accent

#6A5ACD (Slate Blue) is a sophisticated choice for calls-to-action, important links, or focal points, offering a touch of elegance.

background

#B0E0E6 provides a soft, cool base, allowing for easy readability with darker text.

text

For text on light backgrounds, use a deep charcoal or black. For text on #483D8B, use white or a very light gray.

Accessibility notes

  • Text on #B0E0E6, #ADD8E6, or #87CEEB requires a very dark color (e.g., black or #483D8B) for sufficient contrast and readability.
  • Avoid using #B0E0E6 directly on #ADD8E6 for small text or critical UI elements due to low contrast.
  • Ensure #6A5ACD or #483D8B used for text elements meet WCAG contrast guidelines against their respective backgrounds.
  • Always test color pairings with accessibility checkers to ensure all users can comfortably read and interact.

Recommended combinations

Dawn Sky

A balanced trio for main content areas, providing clarity and depth.

#B0E0E6 · #87CEEB · #483D8B

Gentle Awakening

Creates a soft, inviting feel, suitable for informational sections or subtle branding.

#ADD8E6 · #6A5ACD · #B0E0E6

Deep Horizon

Offers a strong, elegant contrast, perfect for headers or important calls to action.

#483D8B · #6A5ACD · #B0E0E6

CSS variables

:root {
  --arctic-dawn-light-1: #B0E0E6;
  --arctic-dawn-light-2: #ADD8E6;
  --arctic-dawn-light-3: #87CEEB;
  --arctic-dawn-light-4: #6A5ACD;
  --arctic-dawn-light-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-dawn-light": {
        1: "#B0E0E6",
        2: "#ADD8E6",
        3: "#87CEEB",
        4: "#6A5ACD",
        5: "#483D8B",
      }
    }
  }
}

Related searches

serene blue violet palettecalm arctic colorspeaceful awakening color schemewinter dawn light huessophisticated cool design

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#ADD8E6
·
Color 3#87CEEB
·
Color 4#6A5ACD
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
3.7:1AA18
6.3:1AA
2
1.1:1Fail
1.1:1Fail
3.5:1AA18
5.9:1AA
3
1.2:1Fail
1.1:1Fail
3:1AA18
5.2:1AA
4
3.7:1AA18
3.5:1AA18
3:1AA18
1.7:1Fail
5
6.3:1AA
5.9:1AA
5.2:1AA
1.7:1Fail

Similar palettes

More like Arctic Dawn Light

View all cool
Frozen Dewdrop
Arctic Glacier Chill
Frosted Lakeside Calm
Frosted Winter Lake
Frozen Crystal Grotto
Frozen Lake Shimmer