Palette

Cosmic Orchid

Deep purples and lavender create an ethereal feel, reminiscent of exotic orchids in deep space.

CoolElegant5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#800080#9370DB#BA55D3#DDA0DD#E6E6FA

Palette guide

How to use Cosmic Orchid

Overview

The Cosmic Orchid palette creates an ethereal feel, reminiscent of exotic orchids in deep space, blending deep purples and lavender. It grounds itself with the rich #800080 (classic purple) and transitions through the vibrant #9370DB (medium purple-blue) and the elegant #BA55D3 (medium orchid). The palette culminates in the softer #DDA0DD (light lavender) and the ethereal #E6E6FA (lightest lavender-grey), offering a delicate, mystical glow. This cool and elegant collection is perfect for designers and developers crafting serene, sophisticated, or romantic digital experiences. It excels in creating atmospheric backgrounds, luxurious branding, and UI elements that convey depth, tranquility, and a touch of celestial magic.

Best used for

Elegant dark mode app interfaces and websites
Luxury brand identity and high-end packaging
Romantic digital art and abstract illustrations
Fashion or beauty campaigns with ethereal vibes
Wedding invitations and floral-themed designs
Sophisticated event branding and signage

Suggested color roles

primary

Utilize #800080 as a deep, anchoring background color, establishing a calm, professional canvas for celestial elements.

secondary

Employ #9370DB for significant content areas, subheadings, or distinct sections, offering a rich, supporting purple hue.

accent

Apply #BA55D3 for subtle highlights, interactive states, or as a secondary text color on dark backgrounds, adding a touch of sophisticated orchid.

background

The darker shades like #800080 and #9370DB are ideal for expansive, tranquil backdrops, while #E6E6FA can be used for subtle, glowing elements or light mode accents.

text

For optimal readability on dark backgrounds like #800080 or #9370DB, use #E6E6FA or a crisp white. A deep charcoal or black provides excellent contrast on #DDA0DD or #E6E6FA.

Accessibility notes

Ensure sufficient contrast between #E6E6FA and the darker background colors, especially for body text.
White text on #800080, #9370DB, and #BA55D3 generally provides good readability.
Avoid using #DDA0DD as a text color on #BA55D3 due to potential low contrast; reserve it for larger UI elements.
Test color combinations for legibility across various screen types and lighting conditions to maintain the desired mood.

Recommended combinations

Deep Orchid

Creates a rich, harmonious purple gradient, perfect for professional backgrounds or subtly layered UI designs.

#800080 · #9370DB · #BA55D3

Celestial Bloom

Ideal for subtle gradients, ethereal overlays, or conveying a soft, luminous glow in illustrations and decorative elements.

#BA55D3 · #DDA0DD · #E6E6FA

Cosmic Elegance

Excellent for establishing clear hierarchy, with a light highlight against a dark canvas, enhanced by a serene purple accent.

#800080 · #E6E6FA · #DDA0DD

CSS variables

:root {
  --cosmic-orchid-1: #800080;
  --cosmic-orchid-2: #9370DB;
  --cosmic-orchid-3: #BA55D3;
  --cosmic-orchid-4: #DDA0DD;
  --cosmic-orchid-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-orchid": {
        1: "#800080",
        2: "#9370DB",
        3: "#BA55D3",
        4: "#DDA0DD",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#800080

Color 2#9370DB

Color 3#BA55D3

Color 4#DDA0DD

Color 5#E6E6FA

Accessibility

Contrast checker

2.5:1Fail

2.4:1Fail

4.6:1AA

7.7:1AAA

2.5:1Fail

1:1Fail

1.8:1Fail

3.1:1AA18

2.4:1Fail

1:1Fail

1.9:1Fail

3.2:1AA18

4.6:1AA

1.8:1Fail

1.9:1Fail

1.7:1Fail

7.7:1AAA

3.1:1AA18

3.2:1AA18

1.7:1Fail

Similar palettes

More like Cosmic Orchid