Palette

Arctic Dusk Glow

Cool, deep blues and greens reflect the tranquil, frozen landscape under an arctic twilight.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Dusk Glow 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 Dusk Glow.

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

Data visualization

#001A23#073B4C#205E67#489D9B#8FD6B2

Palette guide

How to use Arctic Dusk Glow

Overview

The Arctic Dusk Glow palette captures the tranquil, frozen landscape under an arctic twilight, blending deep, mysterious blues with luminous, cool greens. It features the profound, almost black hue of #001A23 (Very Dark Cyan-Blue) and the rich, deep teal of #073B4C (Dark Cyan). Mid-tones include the sophisticated blue-green of #205E67 (Deep Teal) and the vibrant turquoise of #489D9B (Bluish Green), offering a striking progression. The palette is completed by the soft, ethereal mint green of #8FD6B2 (Light Greenish Blue), providing a gentle, radiant contrast. Designers will find this collection ideal for creating atmospheric, modern, and sophisticated designs, while developers can use these colors for compelling dark-mode interfaces or nature-inspired applications.

Best used for

Dark mode UI/UX designs
Environmental or conservation organization branding
Luxury travel and adventure websites
Sci-fi or fantasy game environments
Modern art and photography showcases
Branding for sustainable technology

Suggested color roles

primary

Use #001A23 (Very Dark Cyan-Blue) as the dominant background color to establish a deep, immersive, and sophisticated dark theme.

secondary

#073B4C (Dark Cyan) can be applied to secondary panels, card backgrounds, or subtle overlays, providing depth without harshness.

accent

#489D9B (Bluish Green) is an excellent choice for interactive elements, call-to-action buttons, or key highlights, offering a luminous pop.

background

#001A23 provides a deep, immersive dark background, perfect for high-contrast readability with lighter elements.

text

White or a very light gray (e.g., #F0F0F0) is essential for text on dark backgrounds like #001A23, #073B4C, and #205E67.

Accessibility notes

White or very light text is crucial for readability against #001A23, #073B4C, and #205E67 to meet WCAG contrast standards.
Ensure #8FD6B2 as text has sufficient contrast against any darker background; it might require a very dark background.
Avoid using #489D9B directly on #8FD6B2 for small text or critical UI elements due to potential low contrast.
Always verify contrast ratios for all text and interactive elements, especially in dark mode.

Recommended combinations

Twilight Depths

A striking dark mode combination, with vibrant accents against deep blues.

#001A23 · #489D9B · #073B4C

Ethereal Glow

Creates a luminous effect, ideal for highlights, data visualization, or decorative elements.

#8FD6B2 · #205E67 · #001A23

Deep Forest

Offers a rich, natural feel, suitable for content sections or nature-themed branding.

#073B4C · #205E67 · #8FD6B2

CSS variables

:root {
  --arctic-dusk-glow-1: #001A23;
  --arctic-dusk-glow-2: #073B4C;
  --arctic-dusk-glow-3: #205E67;
  --arctic-dusk-glow-4: #489D9B;
  --arctic-dusk-glow-5: #8FD6B2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-dusk-glow": {
        1: "#001A23",
        2: "#073B4C",
        3: "#205E67",
        4: "#489D9B",
        5: "#8FD6B2",
      }
    }
  }
}

Hex values

Color 1#001A23

Color 2#073B4C

Color 3#205E67

Color 4#489D9B

Color 5#8FD6B2

Accessibility

Contrast checker

1.5:1Fail

2.4:1Fail

5.6:1AA

10.6:1AAA

1.5:1Fail

1.6:1Fail

3.8:1AA18

7.1:1AAA

2.4:1Fail

1.6:1Fail

2.3:1Fail

4.3:1AA18

5.6:1AA

3.8:1AA18

2.3:1Fail

1.9:1Fail

10.6:1AAA

7.1:1AAA

4.3:1AA18

1.9:1Fail

Similar palettes

More like Arctic Dusk Glow

Arctic Shoreline Chill

Arctic Shoreline Frost

Arctic Twilight Ice