Back to palettes

Palette

Velvet Twilight Bloom

Deep, rich purples and blues capturing the luxurious feel of velvet in fading twilight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Twilight Bloom 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 Velvet Twilight Bloom.

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

Data visualization

#483D8B#6A5ACD#A020F0#2E0854#8A2BE2

Palette guide

How to use Velvet Twilight Bloom

Overview

The Velvet Twilight Bloom palette captures the mysterious and elegant transition of day to night, reminiscent of deep velvet under a fading sky. This collection features rich, sophisticated purples and blues, including the regal "#483D8B" and the vibrant "#6A5ACD". A striking fuchsia-purple, "#A020F0", adds a touch of luxurious bloom, complemented by the profound depth of "#2E0854". The versatile "#8A2BE2" bridges the gap, offering a brighter, yet still deep, purple hue. This palette is perfect for designs that aim for a luxurious, enchanting, and slightly mystical atmosphere, embodying the richness of an evening garden.

Best used for

  • Luxury cosmetic or perfume branding
  • High-end event branding (weddings, galas)
  • Artistic portfolio websites
  • Mystical or fantasy-themed digital art
  • Elegant fashion or jewelry displays
  • Serene and sophisticated app interfaces

Suggested color roles

primary

"#483D8B" for a dominant, stable, and deeply sophisticated base, suitable for large content areas or primary navigation.

secondary

"#6A5ACD" to introduce a lighter, more inviting aspect, perfect for secondary headings or interactive elements.

accent

"#A020F0" for drawing attention to calls-to-action, important notifications, or creative graphic elements, offering a vibrant pop.

background

"#2E0854" as a deep, luxurious backdrop that enhances the luminosity of the other colors, creating an immersive experience.

text

Use a soft white or very light grey for main body text, or "#6A5ACD" for headlines on the darkest backgrounds like "#2E0854" to maintain readability.

Accessibility notes

  • Exercise caution when pairing "#A020F0" with "#8A2BE2" or "#6A5ACD" for text, as contrast may be insufficient for readability.
  • Ensure white or light grey text has adequate contrast against all darker purples, especially "#483D8B" and "#2E0854".
  • "#2E0854" provides an excellent dark base for high-contrast white or light purple text for headlines.
  • Avoid using very dark text colors on mid-tone purples like "#6A5ACD" without checking contrast ratios.

Recommended combinations

Mystical Depth

Creates a profound, luxurious feel, ideal for hero sections or striking visual statements.

#2E0854 · #483D8B · #A020F0

Evening Glow

Excellent for gradients or layered UI elements, providing a smooth transition from deep to vibrant.

#6A5ACD · #8A2BE2 · #483D8B

Regal Accent

Best for highlighting key information or decorative elements against a deep, sophisticated background.

#483D8B · #A020F0 · #2E0854

CSS variables

:root {
  --velvet-twilight-bloom-1: #483D8B;
  --velvet-twilight-bloom-2: #6A5ACD;
  --velvet-twilight-bloom-3: #A020F0;
  --velvet-twilight-bloom-4: #2E0854;
  --velvet-twilight-bloom-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-twilight-bloom": {
        1: "#483D8B",
        2: "#6A5ACD",
        3: "#A020F0",
        4: "#2E0854",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

velvet purple color schemetwilight inspired palettedeep purple blue colorsluxurious evening paletteelegant mystical design

Palette colors

Hex values

Color 1#483D8B
·
Color 2#6A5ACD
·
Color 3#A020F0
·
Color 4#2E0854
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.7:1Fail
1.8:1Fail
1.5:1Fail
2
1.7:1Fail
1:1Fail
3.1:1AA18
1.1:1Fail
3
1.7:1Fail
1:1Fail
3.1:1AA18
1.1:1Fail
4
1.8:1Fail
3.1:1AA18
3.1:1AA18
2.8:1Fail
5
1.5:1Fail
1.1:1Fail
1.1:1Fail
2.8:1Fail

Similar palettes

More like Velvet Twilight Bloom

View all dark
Midnight Velour Drapes
Soft Velvet Drape
Deep Theatre Velvet
Elderberry Preserve
Gemstone Radiance Aura
Grape Escape