Back to palettes

Palette

Arctic Twilight Ice

Deep to light blues reflect the silent, ethereal glow of ice formations under arctic twilight skies.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Twilight Ice 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 Twilight Ice.

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

Data visualization

#1A2B3C#3D5B73#6A8AA4#A2C3DA#D8E9F5

Palette guide

How to use Arctic Twilight Ice

Overview

The Arctic Twilight Ice palette reflects the silent, ethereal glow of ice formations under arctic twilight skies, spanning from profound darks to luminous lights. It features a deep, grounding #1A2B3C, transitioning through the robust #3D5B73 and balanced #6A8AA4. Lighter, ethereal shades like #A2C3DA and the almost-white #D8E9F5 complete the spectrum. This palette is perfect for designers and developers aiming to create sophisticated, moody, and atmospheric experiences. Its strong contrast range allows for dynamic visual hierarchy, making it suitable for compelling storytelling, elegant branding, and immersive digital environments, evoking both mystery and serenity.

Best used for

  • Luxury brand websites
  • Cinematic digital experiences
  • Night sky photography portfolios
  • High-end event invitations
  • Dark mode UI designs
  • Mysterious or ethereal themes

Suggested color roles

primary

The deep #1A2B3C is ideal for foundational elements, navigation, and dominant text, providing a luxurious depth.

secondary

Use #3D5B73 for subheadings, secondary calls-to-action, or important informational blocks, offering excellent readability.

accent

The vibrant #6A8AA4 can serve as a striking accent for interactive elements, highlights, or illustrative details against dark backgrounds.

background

Employ #1A2B3C as a sophisticated dark background, creating an immersive and elegant atmosphere. Alternatively, #D8E9F5 for a light mode.

text

For dark backgrounds, use #D8E9F5 or #A2C3DA for primary text. For light backgrounds (e.g., #D8E9F5), use #1A2B3C or black.

Accessibility notes

  • Ensure high contrast between light text (#D8E9F5, #A2C3DA) and dark backgrounds (#1A2B3C, #3D5B73) to meet WCAG AA standards.
  • Avoid using #6A8AA4 for text on #A2C3DA, as their contrast might be insufficient for readability.
  • Verify that all interactive elements have clear visual indicators for focus and hover states, especially on dark backgrounds.
  • Consider using an even brighter white for critical calls-to-action against the deepest blues for maximum impact and readability.

Recommended combinations

Twilight Depths

Excellent for dramatic hero sections, with deep blues for background and light for prominent text/elements.

#1A2B3C · #3D5B73 · #D8E9F5

Ethereal Glow

Ideal for creating soft gradients, background textures, or celestial illustrations that evoke an ethereal light.

#6A8AA4 · #A2C3DA · #D8E9F5

Midnight Contrast

Use for navigation elements or data visualization, creating clear distinctions within a dark aesthetic.

#3D5B73 · #1A2B3C · #6A8AA4

CSS variables

:root {
  --arctic-twilight-ice-1: #1A2B3C;
  --arctic-twilight-ice-2: #3D5B73;
  --arctic-twilight-ice-3: #6A8AA4;
  --arctic-twilight-ice-4: #A2C3DA;
  --arctic-twilight-ice-5: #D8E9F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-twilight-ice": {
        1: "#1A2B3C",
        2: "#3D5B73",
        3: "#6A8AA4",
        4: "#A2C3DA",
        5: "#D8E9F5",
      }
    }
  }
}

Related searches

dark blue website palettetwilight color schememoody blue brandingelegant dark UIarctic night colors

Palette colors

Hex values

Color 1#1A2B3C
·
Color 2#3D5B73
·
Color 3#6A8AA4
·
Color 4#A2C3DA
·
Color 5#D8E9F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
7.8:1AAA
11.6:1AAA
2
2:1Fail
2:1Fail
3.9:1AA18
5.7:1AA
3
4:1AA18
2:1Fail
2:1Fail
2.9:1Fail
4
7.8:1AAA
3.9:1AA18
2:1Fail
1.5:1Fail
5
11.6:1AAA
5.7:1AA
2.9:1Fail
1.5:1Fail

Similar palettes

More like Arctic Twilight Ice

View all cool
Arctic Shoreline Chill
Arctic Shoreline Frost
Arctic Glacier Chill
Arctic Glacier Edge
Arctic Ice Shelf
Arctic Lake Ice