Palette

Dusky Orchid Hues

Soft, muted purples and pinks inspired by the gentle petals of orchids at dusk, under a fading light.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7A4E8A#A16BA8#C899C6#E0C7E0#5C3A6A

Palette guide

How to use Dusky Orchid Hues

Overview

The Dusky Orchid Hues palette captures the essence of soft, muted purples and pinks, inspired by the gentle petals of orchids at dusk. With shades like #7A4E8A, #A16BA8, and the delicate #E0C7E0, this collection evokes a sense of romantic elegance and subtle femininity. It's an excellent choice for designers aiming to create serene, sophisticated, and approachable visuals. The palette's harmonious blend allows for graceful transitions and provides a versatile foundation for branding, web design, and print materials that convey a gentle charm.

Best used for

Feminine brand identity
Wedding stationery and decor
Beauty product packaging
Romantic web designs or blogs
Interior decor accents
Gentle digital illustrations

Suggested color roles

primary

#A16BA8 serves as a balanced, inviting purple, great for main headers or feature elements.

secondary

#7A4E8A offers a deeper tone for structure, subheadings, or to create visual hierarchy.

accent

#C899C6 provides a lighter, delicate highlight, perfect for subtle interactive elements or decorative details.

background

#E0C7E0 is the lightest shade, offering a very soft and airy base for content.

text

For good contrast on lighter shades, use #5C3A6A or #7A4E8A. For critical text on #E0C7E0, a dark charcoal is recommended.

Accessibility notes

The very light #E0C7E0 requires a dark color like #5C3A6A for text to ensure sufficient readability contrast.
Contrast between #C899C6 and #E0C7E0 might be low for small text or critical UI elements; use with caution.
Ensure all interactive elements, such as buttons and links, have a clear and accessible contrast ratio against their background.
Avoid using light purples for large blocks of body text; opt for a darker shade or a standard black for optimal legibility.

Recommended combinations

Soft Gradient

Creates smooth, delicate transitions for backgrounds or subtle visual effects.

#E0C7E0 · #C899C6 · #A16BA8

Deep Accent

Provides a grounding deep purple with a soft background for elegant content blocks.

#5C3A6A · #7A4E8A · #E0C7E0

Feminine Contrast

Combines a balanced mid-purple with a light accent, anchored by a deeper shade for sophistication.

#A16BA8 · #C899C6 · #5C3A6A

CSS variables

:root {
  --dusky-orchid-hues-1: #7A4E8A;
  --dusky-orchid-hues-2: #A16BA8;
  --dusky-orchid-hues-3: #C899C6;
  --dusky-orchid-hues-4: #E0C7E0;
  --dusky-orchid-hues-5: #5C3A6A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusky-orchid-hues": {
        1: "#7A4E8A",
        2: "#A16BA8",
        3: "#C899C6",
        4: "#E0C7E0",
        5: "#5C3A6A",
      }
    }
  }
}

Hex values

Color 1#7A4E8A

Color 2#A16BA8

Color 3#C899C6

Color 4#E0C7E0

Color 5#5C3A6A

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

4.1:1AA18

1.4:1Fail

1.6:1Fail

1.7:1Fail

2.6:1Fail

2.3:1Fail

2.7:1Fail

1.7:1Fail

1.5:1Fail

3.9:1AA18

4.1:1AA18

2.6:1Fail

1.5:1Fail

5.9:1AA

1.4:1Fail

2.3:1Fail

3.9:1AA18

5.9:1AA

Similar palettes

More like Dusky Orchid Hues

Orchid Petal Softness

Peony Blush Bloom

Rose Garden Path