Back to palettes

Palette

Twilight Blooms

Deep, mysterious purples and vibrant pinks, capturing the rich hues of flowers under a fading twilight sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3B1B30#6E2E5B#A14187#D454B4#E68CD2

Palette guide

How to use Twilight Blooms

Overview

The Twilight Blooms palette captures the rich hues of flowers under a fading twilight sky with its deep, mysterious purples and vibrant pinks. Featuring the grounding #3B1B30 (Deep Plum-Brown) and the energetic #D454B4 (Vibrant Magenta), this scheme is both elegant and bold. Supported by #6E2E5B (Rich Berry Purple) and the delicate #E68CD2 (Soft Pink-Lavender), this palette offers a luxurious and artistic visual journey. Designers and developers can utilize these colors for sophisticated branding, creative digital illustrations, or feminine yet strong web interfaces, bringing a touch of mysterious elegance and floral vibrancy to their projects.

Best used for

  • Bold fashion and beauty brand identities
  • Creative event invitations and decor
  • Artistic digital illustrations and graphics
  • Feminine yet strong branding projects
  • Luxury product packaging design
  • Themed website headers and hero sections

Suggested color roles

primary

Use #3B1B30 (Deep Plum-Brown) as a mysterious, grounding primary color for main sections, navigation, or dark backgrounds.

secondary

Apply #6E2E5B (Rich Berry Purple) for supportive content, subheadings, or background textures that add warmth and depth.

accent

Introduce #D454B4 (Vibrant Magenta) as an energetic pop for calls to action, icons, or key focal points.

background

Employ #E68CD2 (Soft Pink-Lavender) for delicate, ethereal backgrounds that allow darker colors to stand out.

text

For dark backgrounds, use #E68CD2 or white. For lighter backgrounds, #3B1B30 or a dark charcoal provides excellent readability.

Accessibility notes

  • The lighter pinks, #D454B4 or #E68CD2, on #A14187 might lack sufficient contrast for text readability.
  • Ensure text on #3B1B30 or #6E2E5B is very light (e.g., white or #E68CD2) to meet contrast standards.
  • The vibrant #D454B4 and #E68CD2 require dark text for legibility on their own.
  • Use distinct contrast for interactive elements to improve usability and clarity.

Recommended combinations

Bold & Deep

Creates a strong, impactful statement with a deep base, rich mid-tone, and vibrant accent.

#3B1B30 · #6E2E5B · #D454B4

Floral Gradient

Offers a smooth, alluring transition from deep berry to soft pink, ideal for atmospheric elements.

#6E2E5B · #A14187 · #E68CD2

Elegant Pop

Combines a dark, mysterious base with a striking accent and a soft background for sophisticated visual appeal.

#3B1B30 · #D454B4 · #E68CD2

CSS variables

:root {
  --twilight-blooms-1: #3B1B30;
  --twilight-blooms-2: #6E2E5B;
  --twilight-blooms-3: #A14187;
  --twilight-blooms-4: #D454B4;
  --twilight-blooms-5: #E68CD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "twilight-blooms": {
        1: "#3B1B30",
        2: "#6E2E5B",
        3: "#A14187",
        4: "#D454B4",
        5: "#E68CD2",
      }
    }
  }
}

Related searches

deep purple pink paletteelegant twilight floralvibrant magenta color schememysterious evening bloomsfeminine dark branding

Palette colors

Hex values

Color 1#3B1B30
·
Color 2#6E2E5B
·
Color 3#A14187
·
Color 4#D454B4
·
Color 5#E68CD2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.1:1AA18
6.5:1AA
2
1.6:1Fail
1.6:1Fail
2.6:1Fail
4.1:1AA18
3
2.6:1Fail
1.6:1Fail
1.6:1Fail
2.5:1Fail
4
4.1:1AA18
2.6:1Fail
1.6:1Fail
1.6:1Fail
5
6.5:1AA
4.1:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Twilight Blooms

View all dark
Midnight Cherry Blossom
Twilight Bloom Garden
Twilight Orchid Bloom
Gothic Rose Window
Midnight Bloom Garden
Midnight Bloom Velvet