Back to palettes

Palette

Velveteen Drapes Night

The luxurious, absorbent darkness of heavy velvet drapes in a quiet, moonlit room.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velveteen Drapes Night 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 Velveteen Drapes Night.

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

Data visualization

#202A44#303A54#101A24#404A64#050A10

Palette guide

How to use Velveteen Drapes Night

Overview

The Velveteen Drapes Night palette embodies the luxurious, deep darkness of heavy velvet drapes in a moonlit room, offering a sophisticated and calming collection of dark blues and near-blacks. Anchored by the profound "#050A10" and the slightly softer "#101A24", it provides an exceptional foundation for depth. The shades gradually lighten through the rich "#202A44" and "#303A54", culminating in the more pronounced dark blue of "#404A64". This palette is perfectly suited for designs that require a sense of elegance, quiet luxury, and a deeply immersive, tranquil atmosphere, making it ideal for high-end digital experiences.

Best used for

  • Luxury tech product interfaces
  • High-end automotive branding
  • Dark mode website themes
  • Home theater or audio equipment websites
  • Elegant evening event digital invites
  • Sophisticated art gallery websites

Suggested color roles

primary

"#202A44" for dominant sections and main content blocks, offering a deep, legible blue that isn't overwhelmingly dark.

secondary

"#303A54" to provide a subtle variation for secondary information, navigation, or background patterns, adding visual interest.

accent

"#404A64" to be used sparingly for subtle highlights, interactive elements, or hover states where a slightly lighter blue is desired for contrast.

background

"#050A10" or "#101A24" for an enveloping, luxurious dark backdrop, ideal for creating a sophisticated and immersive user experience.

text

Use a crisp white or a very light grey for all text on these dark backgrounds to ensure optimal readability and a sense of elegance.

Accessibility notes

  • White or very light grey text is crucial for readability against all colors in this dark palette.
  • Avoid using any of the palette's darker blues as text colors on other dark blues, as contrast will be insufficient.
  • "#404A64" might offer just enough contrast for white text, but ensure it meets WCAG AA standards for larger text.
  • Small text should always be in white or near-white on backgrounds like "#050A10" or "#101A24" to ensure legibility.

Recommended combinations

Deep Night

Creates a profound, sophisticated depth, ideal for hero sections or layered UI elements.

#050A10 · #202A44 · #404A64

Subtle Shift

Excellent for background gradients or subtle textural elements that require a smooth transition between dark tones.

#101A24 · #303A54 · #202A44

Elegant Frame

Best for framing content, creating cards, or defining sections with a luxurious, understated boundary.

#202A44 · #404A64 · #050A10

CSS variables

:root {
  --velveteen-drapes-night-1: #202A44;
  --velveteen-drapes-night-2: #303A54;
  --velveteen-drapes-night-3: #101A24;
  --velveteen-drapes-night-4: #404A64;
  --velveteen-drapes-night-5: #050A10;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velveteen-drapes-night": {
        1: "#202A44",
        2: "#303A54",
        3: "#101A24",
        4: "#404A64",
        5: "#050A10",
      }
    }
  }
}

Related searches

dark blue luxury palettevelveteen color schemeelegant night colorssophisticated dark modedeep blue grey branding

Palette colors

Hex values

Color 1#202A44
·
Color 2#303A54
·
Color 3#101A24
·
Color 4#404A64
·
Color 5#050A10
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.6:1Fail
1.4:1Fail
2
1.3:1Fail
1.6:1Fail
1.3:1Fail
1.8:1Fail
3
1.2:1Fail
1.6:1Fail
2:1Fail
1.1:1Fail
4
1.6:1Fail
1.3:1Fail
2:1Fail
2.3:1Fail
5
1.4:1Fail
1.8:1Fail
1.1:1Fail
2.3:1Fail

Similar palettes

More like Velveteen Drapes Night

View all dark
Crimson Velour
Deco Grandeur Noir
Midnight Velvet Glam
Plush Velvet Curtains
Art Deco Sapphire
Art Deco Speakeasy