Palette

Midnight Horizon Gleam

Deep blues and a shimmering gold accent that evokes the tranquil beauty of a starlit night sky.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Horizon Gleam 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 Midnight Horizon Gleam.

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

Data visualization

#191970#4169E1#B0C4DE#F8F8FF#DAA520

Palette guide

How to use Midnight Horizon Gleam

Overview

The Midnight Horizon Gleam palette evokes the tranquil beauty of a starlit night sky, combining deep, rich blues with a shimmering gold accent. Anchored by the profound #191970 and supported by the vibrant #4169E1, this palette offers striking contrast and elegance. The inclusion of soft near-white #F8F8FF and muted blue #B0C4DE provides excellent readability against darker tones, while the radiant #DAA520 gold adds a touch of luxury and mystique. Designers and developers can leverage this palette to create sophisticated, high-impact visuals that convey both serenity and opulence, perfect for projects requiring a blend of classic elegance and modern flair.

Best used for

Luxury branding and high-end product design
Celestial or cosmic-themed digital content
Elegant event promotions and invitations
Sophisticated web design with a premium feel
Holiday campaigns and festive visuals
Artistic illustrations requiring rich contrast

Suggested color roles

primary

Utilize #191970 as the dominant background color to establish a deep, elegant foundation.

secondary

Apply #4169E1 for supporting sections, graphic elements, or to introduce a vibrant mid-tone.

accent

Employ #DAA520 (gold) sparingly for key highlights, calls to action, or decorative details to add luxury.

background

The deep #191970 provides a dramatic and elegant canvas, enhancing the brilliance of other colors.

text

For optimal legibility on dark backgrounds, use #F8F8FF or #B0C4DE; reserve #DAA520 for larger headings or special emphasis.

Accessibility notes

Ensure high contrast when using #B0C4DE or #F8F8FF for text on #191970 or #4169E1 to meet WCAG standards.
The #DAA520 gold accent should be used carefully for text; ensure it has sufficient contrast against its background.
Avoid using #4169E1 for small text on #191970; opt for the lighter blues or white for better readability.
Test color combinations for interactive elements, ensuring states (hover, active) maintain accessibility.

Recommended combinations

Starlit Elegance

Perfect for a luxurious dark theme with brilliant white text and a striking gold accent for key elements.

#191970 · #F8F8FF · #DAA520

Horizon Depth

Creates a beautiful blue gradient effect, ideal for backgrounds or layered UI components.

#191970 · #4169E1 · #B0C4DE

Gleam Accent

Use for a vibrant section where the gold accent highlights important information within a blue context.

#4169E1 · #B0C4DE · #DAA520

CSS variables

:root {
  --midnight-horizon-gleam-1: #191970;
  --midnight-horizon-gleam-2: #4169E1;
  --midnight-horizon-gleam-3: #B0C4DE;
  --midnight-horizon-gleam-4: #F8F8FF;
  --midnight-horizon-gleam-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-horizon-gleam": {
        1: "#191970",
        2: "#4169E1",
        3: "#B0C4DE",
        4: "#F8F8FF",
        5: "#DAA520",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#4169E1

Color 3#B0C4DE

Color 4#F8F8FF

Color 5#DAA520

Accessibility

Contrast checker

3.1:1AA18

8.3:1AAA

14:1AAA

6.6:1AA

3.1:1AA18

2.7:1Fail

4.6:1AA

2.2:1Fail

8.3:1AAA

2.7:1Fail

1.7:1Fail

1.3:1Fail

14:1AAA

4.6:1AA

1.7:1Fail

2.1:1Fail

6.6:1AA

2.2:1Fail

1.3:1Fail

2.1:1Fail

Similar palettes

More like Midnight Horizon Gleam

View all dark

Galactic Starlight Veil

Midnight Celestial Bloom

Midnight Velvet Starry

Moonlit Garden Bloom

Starlight City Glow

Velvet Starry Night