Back to palettes

Palette

Midnight Oil Glow

Deep, enigmatic blues and purples that conjure images of late-night contemplation and the soft glow of an oil lamp.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Oil 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 Midnight Oil Glow.

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

Data visualization

#000033#1A1A4D#333366#4D4D80#666699

Palette guide

How to use Midnight Oil Glow

Overview

The Midnight Oil Glow palette is a collection of deep, contemplative blues and purples, designed to evoke the serene ambiance of a quiet night illuminated by a soft, ethereal light. With shades ranging from the profound #000033 and #1A1A4D to the rich #333366, #4D4D80, and the glowing #666699, this palette offers designers and developers a sophisticated and mysterious foundation. It’s perfect for projects requiring an elegant, introspective, or luxurious feel, where the subtle interplay of dark tones creates a sense of depth and understated drama. The gradual lightening provides excellent opportunities for gentle gradients and layered design.

Best used for

  • Luxury brand identity and packaging
  • Editorial design for high-end publications
  • Meditation and wellness application interfaces
  • Academic or research institution websites
  • Theater and cultural event promotions
  • Sophisticated home decor or lighting concepts

Suggested color roles

primary

Utilize #000033 as the main background or dominant color to establish a deep, rich, and stable foundation.

secondary

Employ #1A1A4D and #333366 for supporting elements, panels, or secondary text to add subtle variations in depth.

accent

Apply #666699 as a soft, ethereal highlight for interactive elements, key information, or decorative accents.

background

Use #000033 for a luxurious and immersive dark mode background that exudes elegance.

text

For optimal readability, pair #666699 or a clean white/light grey against the darker shades for body text and headings.

Accessibility notes

  • Ensure sufficient contrast when using #666699 for text on #000033; consider larger font sizes.
  • Differentiate interactive elements clearly, perhaps by using #666699 with a subtle glow effect.
  • Avoid using #1A1A4D or #333366 for small text on a #000033 background due to low contrast.
  • Test legibility across various screen types and lighting conditions to maintain the desired mood without sacrificing function.

Recommended combinations

Deep Contemplation

For layered backgrounds and large content blocks, creating a subtle, rich depth.

#000033 · #1A1A4D · #333366

Soft Illumination

Ideal for gradients or highlighting sections, with #666699 providing a gentle glow.

#000033 · #4D4D80 · #666699

Rich Contrast

A balanced combination for main content and interactive elements, offering sophistication and clarity.

#1A1A4D · #666699 · #333366

CSS variables

:root {
  --midnight-oil-glow-1: #000033;
  --midnight-oil-glow-2: #1A1A4D;
  --midnight-oil-glow-3: #333366;
  --midnight-oil-glow-4: #4D4D80;
  --midnight-oil-glow-5: #666699;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-oil-glow": {
        1: "#000033",
        2: "#1A1A4D",
        3: "#333366",
        4: "#4D4D80",
        5: "#666699",
      }
    }
  }
}

Related searches

deep blue purple paletteelegant dark colorsmidnight aestheticrich nocturnal schemesophisticated brand identity

Palette colors

Hex values

Color 1#000033
·
Color 2#1A1A4D
·
Color 3#333366
·
Color 4#4D4D80
·
Color 5#666699
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2.6:1Fail
3.7:1AA18
2
1.2:1Fail
1.4:1Fail
2.1:1Fail
3:1AA18
3
1.7:1Fail
1.4:1Fail
1.5:1Fail
2.2:1Fail
4
2.6:1Fail
2.1:1Fail
1.5:1Fail
1.5:1Fail
5
3.7:1AA18
3:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Midnight Oil Glow

View all dark