Back to palettes

Palette

Dusky Horizon Glow

The serene progression of colors as day transitions to night, painting the horizon with cool, fading light.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusky Horizon 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 Dusky Horizon Glow.

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

Data visualization

#1E2D40#3E4E60#6E7E8F#A0AFC0#D2DFE6

Palette guide

How to use Dusky Horizon Glow

Overview

The "Dusky Horizon Glow" palette captures the serene progression of colors as day transitions to night, painting the horizon with cool, fading light. This cool, sophisticated collection ranges from a deep navy-charcoal #1E2D40 to a light, ethereal off-white #D2DFE6. Shades like #3E4E60, #6E7E8F, and #A0AFC0 provide a smooth, subtle gradient, making it ideal for designs seeking a calm, professional, and expansive aesthetic. Designers can utilize this palette for corporate branding, minimalist interfaces, or sophisticated editorial layouts. Developers will find these hex codes excellent for creating harmonious user experiences that convey tranquility, depth, and a timeless elegance.

Best used for

  • Corporate or professional website designs
  • Minimalist UI/UX for productivity or finance apps
  • Luxury travel or hotel branding
  • Architectural visualization or interior design concepts
  • Photography portfolios featuring landscapes or cityscapes
  • Science or technology education platforms

Suggested color roles

primary

#3E4E60 - A deep blue-gray, excellent for main content areas, headers, or to establish a sophisticated, calm base.

secondary

#1E2D40 - The darkest navy-charcoal, perfect for strong headings, important information, or to add grounded depth.

accent

#6E7E8F - A medium blue-gray, ideal for subtle highlights, interactive states, or to provide delicate visual interest.

background

#D2DFE6 - The lightest, almost pure white-blue, offering an expansive, clean, and airy canvas.

text

#1E2D40 - The darkest color in the palette, ensuring excellent readability on lighter backgrounds. For dark backgrounds, use #D2DFE6 or white.

Accessibility notes

  • For text on #D2DFE6 and #A0AFC0, use #1E2D40 or #3E4E60 for sufficient contrast.
  • When using #1E2D40 or #3E4E60 as backgrounds, use #D2DFE6 or pure white for text readability.
  • Avoid using #6E7E8F as text on #A0AFC0 due to potential low contrast, especially for small fonts.
  • Always test contrast ratios for interactive elements to meet WCAG guidelines, particularly with subtle blue-gray shifts.

Recommended combinations

Horizon Gradient

Creates a soft, atmospheric background gradient or subtle UI elements, evoking fading light.

#D2DFE6 · #A0AFC0 · #6E7E8F

Twilight Depth

Use for primary branding, strong text, and a light background to highlight the deep, calming blues.

#1E2D40 · #3E4E60 · #D2DFE6

Fading Light

Ideal for content blocks, card backgrounds, or subtle visual hierarchy with a clean, serene feel.

#A0AFC0 · #6E7E8F · #3E4E60

CSS variables

:root {
  --dusky-horizon-glow-1: #1E2D40;
  --dusky-horizon-glow-2: #3E4E60;
  --dusky-horizon-glow-3: #6E7E8F;
  --dusky-horizon-glow-4: #A0AFC0;
  --dusky-horizon-glow-5: #D2DFE6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusky-horizon-glow": {
        1: "#1E2D40",
        2: "#3E4E60",
        3: "#6E7E8F",
        4: "#A0AFC0",
        5: "#D2DFE6",
      }
    }
  }
}

Related searches

dusky blue color palettehorizon gradient colorscalm evening aestheticfading light designcool professional branding

Palette colors

Hex values

Color 1#1E2D40
·
Color 2#3E4E60
·
Color 3#6E7E8F
·
Color 4#A0AFC0
·
Color 5#D2DFE6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.4:1AA18
6.2:1AA
10.3:1AAA
2
1.6:1Fail
2:1Fail
3.8:1AA18
6.3:1AA
3
3.4:1AA18
2:1Fail
1.9:1Fail
3.1:1AA18
4
6.2:1AA
3.8:1AA18
1.9:1Fail
1.6:1Fail
5
10.3:1AAA
6.3:1AA
3.1:1AA18
1.6:1Fail

Similar palettes

More like Dusky Horizon Glow

View all cool
Twilight Bloom Garden
Seaside Evening Blush
Twilight Garden Serene
Winter Twilight Dream
Aegean Coastline Calm
Aegean Horizon