Palette

Autumn Dewdrop

Deep purples with a hint of morning mist evoke the cool, serene beauty of an autumn dawn.

darkcalm5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Dewdrop 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 Autumn Dewdrop.

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

Data visualization

#DDA0DD#BA55D3#483D8B#8B008B#9400D3

Palette guide

How to use Autumn Dewdrop

Overview

The "Autumn Dewdrop" palette evokes the cool, serene beauty of an autumn dawn, featuring deep purples with a hint of morning mist. Ranging from the soft plum of #DDA0DD to the vibrant medium orchid of #BA55D3, and delving into the intense dark purples of #483D8B, #8B008B, and #9400D3, this collection is rich and elegant. It's perfectly suited for designs that aim to convey sophistication, mystery, or a calming, ethereal quality. Designers and developers can leverage these striking hues for high-end branding, artistic projects, or interfaces that demand a unique, luxurious feel.

Best used for

High-end beauty or luxury product branding
Artistic portfolios and creative websites
Serene meditation or wellness app interfaces
Mystical or fantasy-themed digital content
Elegant event invitations and decor
Fashion and jewelry e-commerce platforms

Suggested color roles

primary

#9400D3 - A rich, intense dark violet, excellent for making a strong statement in branding, main headings, or key graphical elements.

secondary

#8B008B - A deep magenta, providing a luxurious supporting role for navigation, secondary calls-to-action, or detailed sections.

accent

#BA55D3 - A vibrant medium orchid that adds a sophisticated pop, perfect for interactive elements, highlights, or decorative flourishes.

background

#DDA0DD - A soft, light plum that offers a gentle, ethereal base, ideal for creating a calm and inviting atmosphere.

text

#483D8B - A deep, dark slate blue-purple that ensures excellent contrast and readability against lighter backgrounds like #DDA0DD.

Accessibility notes

Ensure text using #DDA0DD or #BA55D3 has sufficient contrast with its background, especially if the background is also purple.
Use #483D8B or a very dark purple/black for body text on #DDA0DD to meet WCAG AA standards.
Avoid placing lighter purples on dark purples without careful contrast checking for readability.
Consider visual cues beyond color alone for interactive states due to the close tonal range of some purples.

Recommended combinations

Misty Dawn

Creates a soft to deep gradient, ideal for atmospheric backgrounds or layered UI elements.

#DDA0DD · #BA55D3 · #483D8B

Royal Contrast

Combines the deepest violet with a light plum and magenta for a striking, regal appearance.

#9400D3 · #DDA0DD · #8B008B

Elegant Depth

A sophisticated blend of dark and medium purples, great for adding richness and visual interest.

#483D8B · #8B008B · #BA55D3

CSS variables

:root {
  --autumn-dewdrop-1: #DDA0DD;
  --autumn-dewdrop-2: #BA55D3;
  --autumn-dewdrop-3: #483D8B;
  --autumn-dewdrop-4: #8B008B;
  --autumn-dewdrop-5: #9400D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-dewdrop": {
        1: "#DDA0DD",
        2: "#BA55D3",
        3: "#483D8B",
        4: "#8B008B",
        5: "#9400D3",
      }
    }
  }
}

Hex values

Color 1#DDA0DD

Color 2#BA55D3

Color 3#483D8B

Color 4#8B008B

Color 5#9400D3

Accessibility

Contrast checker

1.9:1Fail

4.4:1AA18

4.1:1AA18

3.2:1AA18

1.9:1Fail

2.3:1Fail

2.2:1Fail

1.7:1Fail

4.4:1AA18

2.3:1Fail

1.1:1Fail

1.4:1Fail

4.1:1AA18

2.2:1Fail

1.1:1Fail

1.3:1Fail

3.2:1AA18

1.7:1Fail

1.4:1Fail

1.3:1Fail

Similar palettes

More like Autumn Dewdrop