Back to palettes

Palette

Winter Arctic Midnight

Deep, cool blues and crisp whites, evoking the serene and stark beauty of an Arctic midnight sky.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Arctic Midnight 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 Winter Arctic Midnight.

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

Data visualization

#1C2A3A#3A5C7A#6A9EB8#C0DDEB#0D1A25

Palette guide

How to use Winter Arctic Midnight

Overview

The Winter Arctic Midnight palette evokes the serene and stark beauty of an Arctic midnight sky, featuring deep, cool blues and crisp whites. This sophisticated collection includes a dark Deep Ocean Blue (#1C2A3A), a rich Steel Blue (#3A5C7A), a lighter Sky Blue (#6A9EB8), a very pale Arctic White (#C0DDEB), and an almost black Midnight Blue (#0D1A25). It's an excellent choice for designers aiming to create an elegant, modern, and profound aesthetic. The palette offers a beautiful gradient from the deepest night to the softest dawn, providing versatility for impactful branding, sleek digital interfaces, or dramatic editorial content.

Best used for

  • Luxury and high-tech brand identities
  • Winter-themed marketing and campaigns
  • Elegant and sophisticated web design
  • Finance and corporate design projects
  • Nocturnal or celestial themed art
  • Fashion and automotive branding

Suggested color roles

primary

Utilize #0D1A25 (Midnight Blue) for foundational elements, bold headings, or a powerful brand anchor, conveying depth and authority.

secondary

Apply #3A5C7A (Steel Blue) for supporting content, subheadings, or background sections, adding sophistication and calm.

accent

Introduce #6A9EB8 (Sky Blue) for highlights, interactive elements, or delicate decorative patterns to add a touch of crispness and clarity.

background

Use #C0DDEB (Arctic White) for clean, expansive backgrounds, creating a bright and contrasting canvas for darker elements.

text

White or #C0DDEB provides excellent contrast on #0D1A25 and #1C2A3A. For lighter backgrounds, use #0D1A25 or black for readability.

Accessibility notes

  • Ensure high contrast when using #6A9EB8 (Sky Blue) for text on lighter backgrounds; it often requires a darker outline or background.
  • When using dark blues like #0D1A25 or #1C2A3A as backgrounds, white or very light text is crucial for readability.
  • Be mindful of contrast between adjacent dark blue shades for users with color vision deficiencies; rely on luminance differences.
  • Always test text and interactive elements against their backgrounds to confirm they meet accessibility contrast standards.

Recommended combinations

Deep Night

Ideal for creating a profound, dark background or large graphic elements, evoking the depth of the night sky.

#0D1A25 · #1C2A3A · #3A5C7A

Arctic Glow

Excellent for highlights or light accents, combining pale white with sky blue and a mid-tone blue for a crisp, ethereal feel.

#C0DDEB · #6A9EB8 · #3A5C7A

Stark Contrast

Perfect for striking a bold balance between dark and light, suitable for headers with contrasting subtext or strong calls to action.

#0D1A25 · #C0DDEB · #6A9EB8

CSS variables

:root {
  --winter-arctic-midnight-1: #1C2A3A;
  --winter-arctic-midnight-2: #3A5C7A;
  --winter-arctic-midnight-3: #6A9EB8;
  --winter-arctic-midnight-4: #C0DDEB;
  --winter-arctic-midnight-5: #0D1A25;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-arctic-midnight": {
        1: "#1C2A3A",
        2: "#3A5C7A",
        3: "#6A9EB8",
        4: "#C0DDEB",
        5: "#0D1A25",
      }
    }
  }
}

Related searches

arctic blue color palettewinter night design colorsdeep cool blue schemeelegant dark theme inspirationserene blue grey palette

Palette colors

Hex values

Color 1#1C2A3A
·
Color 2#3A5C7A
·
Color 3#6A9EB8
·
Color 4#C0DDEB
·
Color 5#0D1A25
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
5:1AA
10.3:1AAA
1.2:1Fail
2
2.1:1Fail
2.4:1Fail
4.9:1AA
2.5:1Fail
3
5:1AA
2.4:1Fail
2.1:1Fail
6:1AA
4
10.3:1AAA
4.9:1AA
2.1:1Fail
12.4:1AAA
5
1.2:1Fail
2.5:1Fail
6:1AA
12.4:1AAA

Similar palettes

More like Winter Arctic Midnight

View all Dark
Midnight Urban Blues
Starry Night
Abyssal Bioluminescence
Abyssal Seaweed Garden
Deep Forest Murmur
Midnight Forest Whisper