Palette

Dusk Orchid

A vibrant blend of purples, reflecting the intense and luxurious colors of an orchid at the twilight hour.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusk Orchid 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 Dusk Orchid.

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

Data visualization

#5C2D91#7B3FBC#A06BE3#3C1D61#8C4DCB

Palette guide

How to use Dusk Orchid

Overview

The "Dusk Orchid" palette is a vibrant blend of purples, reflecting the intense and luxurious colors of an orchid at the twilight hour. This elegant and rich collection features a deep, intense violet #5C2D91, a brighter purple #7B3FBC, a lighter, luminous orchid #A06BE3, a very dark, grounding eggplant #3C1D61, and a medium vibrant purple #8C4DCB. It's ideal for designs seeking sophistication, luxury, and a touch of exotic allure. Designers can utilize this palette for high-end fashion, beauty brands, or artistic digital interfaces. Developers will find these hex codes excellent for creating visually striking user experiences that convey elegance, depth, and a memorable visual impact.

Best used for

Luxury fashion or jewelry branding
High-end cosmetic or beauty product packaging
Art gallery websites or exhibition promotions
Elegant event invitations or decor
Creative and artistic digital portfolios
Mysterious or magical-themed entertainment

Suggested color roles

primary

#7B3FBC - A vibrant purple, excellent for main branding elements, calls-to-action, or to convey luxury and creativity.

secondary

#5C2D91 - A deep violet, perfect for headers, important sections, or to add a layer of sophistication.

accent

#A06BE3 - A lighter, luminous orchid, ideal for subtle highlights, interactive states, or to add a touch of modern elegance.

background

#3C1D61 - A very dark, rich eggplant, providing a dramatic and luxurious canvas that makes other purples glow.

text

#F0E0FF (near-white light purple) - A very light, almost white purple provides excellent readability against the dark background, or use pure white.

Accessibility notes

For text on #3C1D61, use #A06BE3 or pure white for sufficient contrast and readability.
Avoid using #5C2D91 or #7B3FBC for text on #3C1D61, as the contrast will be insufficient.
Ensure interactive elements clearly indicate their states, especially when using similar shades of purple.
When designing with dark backgrounds, always verify that foreground elements meet WCAG contrast guidelines.

Recommended combinations

Twilight Depth

Creates a deep, luxurious background gradient or layered elements, evoking the mysterious beauty of twilight.

#3C1D61 · #5C2D91 · #7B3FBC

Orchid Glow

Use for vibrant headings, interactive elements, or to create a luminous, elegant visual presence.

#7B3FBC · #A06BE3 · #8C4DCB

Regal Contrast

A dark, dramatic base with a luminous accent for key information and a vibrant secondary color.

#3C1D61 · #A06BE3 · #7B3FBC

CSS variables

:root {
  --dusk-orchid-1: #5C2D91;
  --dusk-orchid-2: #7B3FBC;
  --dusk-orchid-3: #A06BE3;
  --dusk-orchid-4: #3C1D61;
  --dusk-orchid-5: #8C4DCB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusk-orchid": {
        1: "#5C2D91",
        2: "#7B3FBC",
        3: "#A06BE3",
        4: "#3C1D61",
        5: "#8C4DCB",
      }
    }
  }
}

Hex values

Color 1#5C2D91

Color 2#7B3FBC

Color 3#A06BE3

Color 4#3C1D61

Color 5#8C4DCB

Accessibility

Contrast checker

1.5:1Fail

2.5:1Fail

1.5:1Fail

1.8:1Fail

1.5:1Fail

1.7:1Fail

2.1:1Fail

1.2:1Fail

2.5:1Fail

1.7:1Fail

3.7:1AA18

1.4:1Fail

1.5:1Fail

2.1:1Fail

3.7:1AA18

2.6:1Fail

1.8:1Fail

1.2:1Fail

1.4:1Fail

2.6:1Fail

Similar palettes

More like Dusk Orchid

Dusk Orchid

See it in context.

Ready when you are.

Built with Dusk Orchid.

How to use Dusk Orchid

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Twilight Depth

Orchid Glow

Regal Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Dusk Orchid