Back to palettes

Palette

Mystic Orchid Petal

A soft, enchanting blend of lavender, mauve, and dusty rose, like the velvety petals of a rare orchid at dusk.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F7E9EE#E6D0DA#C8A2C8#9A779C#735D78

Palette guide

How to use Mystic Orchid Petal

Overview

The Mystic Orchid Petal palette offers a soft, enchanting blend of lavender, mauve, and dusty rose, reminiscent of velvety orchid petals at dusk. With gentle hues like the airy #F7E9EE and #E6D0DA, transitioning to the sophisticated #C8A2C8, #9A779C, and the deeper #735D78, this collection provides a delicate and elegant aesthetic. Designers and developers can leverage these shades to create serene, feminine, and luxurious digital experiences. Its harmonious progression allows for seamless UI transitions and a visually pleasing depth, perfect for projects requiring a touch of refined beauty, romance, and understated charm. This palette is truly versatile for creating a soft, inviting atmosphere.

Best used for

  • Wedding or luxury event planning websites
  • High-end beauty or cosmetic branding
  • Feminine fashion e-commerce
  • Spa and wellness app interfaces
  • Boutique hotel or floral shop branding
  • Digital art or illustration with a delicate theme

Suggested color roles

primary

Use #735D78 as a grounding primary for headers, important text, or robust UI elements, providing sophisticated depth.

secondary

Apply #9A779C for subheadings, navigation links, or secondary information, offering a softer, approachable feel.

accent

Utilize #C8A2C8 as a delicate accent for interactive elements, icons, or subtle highlights, adding a gentle pop.

background

Employ #F7E9EE as a clean, airy background for content areas, ensuring maximum readability and an ethereal feel.

text

For optimal readability on lighter backgrounds, #735D78 provides excellent contrast. On darker shades, use #F7E9EE or near-white.

Accessibility notes

  • Ensure sufficient contrast when using #E6D0DA for text on #F7E9EE; consider a darker text color or larger font sizes.
  • #735D78 offers excellent contrast against #F7E9EE for primary text, meeting WCAG AA standards.
  • Avoid using #C8A2C8 for small text on #E6D0DA to prevent low readability; check contrast ratios carefully.
  • For critical information, always pair a dark color like #735D78 with the lightest available background #F7E9EE.

Recommended combinations

Soft Bloom

Creates a gentle, flowing gradient for backgrounds or large hero sections, evoking softness and light.

#F7E9EE · #E6D0DA · #C8A2C8

Elegant Depth

Pairs a strong primary with a light background and a subtle accent for clear hierarchy and sophisticated visual interest.

#735D78 · #F7E9EE · #9A779C

Petal Harmony

Ideal for harmonious, low-contrast designs where elements blend subtly, such as delicate illustrations or overlays.

#E6D0DA · #C8A2C8 · #9A779C

CSS variables

:root {
  --mystic-orchid-petal-1: #F7E9EE;
  --mystic-orchid-petal-2: #E6D0DA;
  --mystic-orchid-petal-3: #C8A2C8;
  --mystic-orchid-petal-4: #9A779C;
  --mystic-orchid-petal-5: #735D78;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-orchid-petal": {
        1: "#F7E9EE",
        2: "#E6D0DA",
        3: "#C8A2C8",
        4: "#9A779C",
        5: "#735D78",
      }
    }
  }
}

Related searches

soft orchid pink palettemystic mauve lavender colorsdelicate floral UI schemeelegant pastel web designdusky rose purple hex codes

Palette colors

Hex values

Color 1#F7E9EE
·
Color 2#E6D0DA
·
Color 3#C8A2C8
·
Color 4#9A779C
·
Color 5#735D78
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
3.2:1AA18
5:1AA
2
1.2:1Fail
1.5:1Fail
2.6:1Fail
4:1AA18
3
1.9:1Fail
1.5:1Fail
1.7:1Fail
2.7:1Fail
4
3.2:1AA18
2.6:1Fail
1.7:1Fail
1.5:1Fail
5
5:1AA
4:1AA18
2.7:1Fail
1.5:1Fail

Similar palettes

More like Mystic Orchid Petal

View all pastel
Blooming Orchid Delight
Ethereal Orchid Bloom
Faded Floral Keepsake
Midnight Sakura Dusk
Orchid Whisper Bloom
Peony Blush Bloom