Back to palettes

Palette

Starry Midnight Velvet

Deep and luxurious, like the rich purple velvet of the night sky adorned with distant stars.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Starry Midnight Velvet 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 Starry Midnight Velvet.

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

Data visualization

#1A0D2F#3A235F#5D438F#0E071A#2C1A4A

Palette guide

How to use Starry Midnight Velvet

Overview

The "Starry Midnight Velvet" palette embodies deep luxury and mystery, reminiscent of a lavish, purple velvet night sky. Anchored by the profound #0E071A, a near-black purple, it gracefully transitions through rich, dark purples like #1A0D2F, #2C1A4A, and #3A235F. The palette culminates in the more vibrant yet still deep #5D438F, offering a captivating range of opulent shades. Designers can harness these hex codes to create sophisticated, high-end branding, immersive dark mode UIs, or artistic compositions that demand a sense of grandeur and enigmatic charm. Developers will find this palette excellent for projects requiring a luxurious, deep, and sensual aesthetic.

Best used for

  • Luxury fashion or beauty brands
  • High-end event design and invitations
  • Dark mode interfaces for premium apps
  • Artistic portfolios or galleries
  • Mystical or fantasy game interfaces
  • Sophisticated editorial layouts

Suggested color roles

primary

#0E071A - The deepest, almost black purple. Perfect for main backgrounds, headers, or large content blocks, establishing a luxurious and profound foundation.

secondary

#1A0D2F - A very dark purple. Excellent for secondary panels, subtle content divisions, or card backgrounds, adding depth without losing intensity.

accent

#5D438F - A rich, medium-deep purple. Use for interactive elements, highlights, or graphical accents to draw attention while maintaining the palette's luxurious feel.

background

#2C1A4A - Provides a velvety, dark purple canvas for most content, offering a slightly softer alternative to the primary dark.

text

#3A235F - A dark, rich purple. Suitable for decorative large headlines on very light backgrounds. For general body text on darker backgrounds, a light gray or white (#F5F5F5) is recommended for readability.

Accessibility notes

  • For body text on #0E071A, #1A0D2F, or #2C1A4A, use a very light color like #FFFFFF or #F0F0F0 to meet WCAG AA standards.
  • #5D438F can be used for larger text on the darkest backgrounds, but always verify contrast ratios.
  • Avoid using #3A235F for small text on other dark palette colors as contrast will be insufficient.
  • Ensure clear visual focus states for interactive elements, as color differences within the dark range are subtle.

Recommended combinations

Velvet Layers

Creates a rich, layered dark background effect, perfect for immersive user interfaces or digital art.

#0E071A · #1A0D2F · #2C1A4A

Deep Enchantment

Provides a gradient of deep purples for elegant transitions or highlighting content sections.

#1A0D2F · #3A235F · #5D438F

Royal Contrast

Grounds the design with the darkest purple, using the brighter purple for accents, complemented by a light text.

#0E071A · #5D438F · #2C1A4A

CSS variables

:root {
  --starry-midnight-velvet-1: #1A0D2F;
  --starry-midnight-velvet-2: #3A235F;
  --starry-midnight-velvet-3: #5D438F;
  --starry-midnight-velvet-4: #0E071A;
  --starry-midnight-velvet-5: #2C1A4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starry-midnight-velvet": {
        1: "#1A0D2F",
        2: "#3A235F",
        3: "#5D438F",
        4: "#0E071A",
        5: "#2C1A4A",
      }
    }
  }
}

Related searches

deep purple color schemeluxurious dark purple palettevelvet night colorselegant purple uimystical dark theme

Palette colors

Hex values

Color 1#1A0D2F
·
Color 2#3A235F
·
Color 3#5D438F
·
Color 4#0E071A
·
Color 5#2C1A4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
1.1:1Fail
1.2:1Fail
2
1.4:1Fail
1.7:1Fail
1.5:1Fail
1.2:1Fail
3
2.3:1Fail
1.7:1Fail
2.5:1Fail
2:1Fail
4
1.1:1Fail
1.5:1Fail
2.5:1Fail
1.3:1Fail
5
1.2:1Fail
1.2:1Fail
2:1Fail
1.3:1Fail

Similar palettes

More like Starry Midnight Velvet

View all dark
Midnight Bloom Shadow
Midnight Bloom Veil
Midnight Plum Elegance
Starlight Reef Whisper
Starry Night Canvas
Twilight Garden Path