Back to palettes

Palette

Nightshade Bloom Gaze

A mysterious and enchanting garden awash in the deep purples and blues of twilight, hiding delicate blooms.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nightshade Bloom Gaze 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 Nightshade Bloom Gaze.

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

Data visualization

#1B1B3A#332A55#5C4A7C#8D6AA6#B69ACF

Palette guide

How to use Nightshade Bloom Gaze

Overview

The Nightshade Bloom Gaze palette evokes a mysterious and enchanting garden, awash in the deep purples and blues of twilight, hiding delicate blooms. Featuring rich hues like #1B1B3A, #332A55, and #5C4A7C, extending to the softer #8D6AA6 and #B69ACF, this collection offers a sophisticated and intriguing aesthetic. It's ideal for designers and developers creating projects for luxury brands, artistic portfolios, or any platform seeking to convey elegance, mystery, and a touch of gothic romance. The harmonious progression of purples creates a cohesive and immersive visual experience.

Best used for

  • Luxury fashion and beauty brands
  • Artistic and creative portfolios
  • Mysterious game themes and narratives
  • Sophisticated event branding and invitations
  • Spiritual and wellness applications
  • Dark mode interfaces with an elegant twist

Suggested color roles

primary

Use #1B1B3A as the deepest, foundational color for main backgrounds, strong headers, or as a grounding element.

secondary

Employ #332A55 for supporting sections, subheadings, or as a background for cards, adding subtle depth.

accent

The lightest #B69ACF serves as a delicate accent for highlights, interactive elements, or subtle decorative details.

background

The profound #1B1B3A or #332A55 provides a rich, intriguing canvas, perfect for immersive dark mode designs.

text

Pair with white or a very light grey (e.g., #E5E5E5) for optimal readability on darker purples. On lighter shades, use #1B1B3A.

Accessibility notes

  • Use white or very light grey text on darker shades (#1B1B3A, #332A55, #5C4A7C) for optimal readability and WCAG compliance.
  • For #8D6AA6 and #B69ACF, a dark purple (#1B1B3A) or black text would provide better contrast for body text.
  • Ensure interactive elements using lighter shades like #B69ACF have a clear focus state with adequate contrast against backgrounds.
  • Avoid pairing mid-tone purples with light text, as contrast may be insufficient for users with visual impairments.

Recommended combinations

Enigmatic Gradient

Creates a mysterious and seamless transition for backgrounds, banners, or layered graphics.

#1B1B3A · #332A55 · #5C4A7C

Bloom Highlight

Highlights key information or interactive components with a delicate yet distinct contrast.

#1B1B3A · #B69ACF · #8D6AA6

Deep Contrast

Provides a sophisticated balance of depth and lightness, suitable for feature sections or distinct content blocks.

#332A55 · #B69ACF · #5C4A7C

CSS variables

:root {
  --nightshade-bloom-gaze-1: #1B1B3A;
  --nightshade-bloom-gaze-2: #332A55;
  --nightshade-bloom-gaze-3: #5C4A7C;
  --nightshade-bloom-gaze-4: #8D6AA6;
  --nightshade-bloom-gaze-5: #B69ACF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nightshade-bloom-gaze": {
        1: "#1B1B3A",
        2: "#332A55",
        3: "#5C4A7C",
        4: "#8D6AA6",
        5: "#B69ACF",
      }
    }
  }
}

Related searches

deep purple color schememysterious design palettenight flower colorselegant dark purplessophisticated UI

Palette colors

Hex values

Color 1#1B1B3A
·
Color 2#332A55
·
Color 3#5C4A7C
·
Color 4#8D6AA6
·
Color 5#B69ACF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.2:1Fail
3.8:1AA18
6.7:1AA
2
1.3:1Fail
1.7:1Fail
3:1Fail
5.3:1AA
3
2.2:1Fail
1.7:1Fail
1.7:1Fail
3.1:1AA18
4
3.8:1AA18
3:1Fail
1.7:1Fail
1.8:1Fail
5
6.7:1AA
5.3:1AA
3.1:1AA18
1.8:1Fail

Similar palettes

More like Nightshade Bloom Gaze

View all dark
Cosmic Night Bloom
Cosmic Night Veil
Deep Opal Flash
Deep Plum Twilight
Deep Twilight Bloom
Desert Starlight Glow