Back to palettes

Palette

Faded Rosegarden

Soft, faded purples and mauves that speak of a romantic, overgrown garden with antique rose blooms.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Faded Rosegarden 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 Faded Rosegarden.

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

Data visualization

#DDA0DD#BA55D3#9370DB#C71585#BC8F8F

Palette guide

How to use Faded Rosegarden

Overview

The Faded Rosegarden palette evokes a sense of antique charm and serene romance, perfect for projects requiring a soft, vintage aesthetic. Featuring delicate purples and mauves like #DDA0DD (Plum Thistle) and #BA55D3 (Medium Orchid), it's beautifully complemented by the deeper violet of #9370DB (Medium Purple) and a striking accent of #C71585 (Crimson). A grounding, earthy tone, #BC8F8F (Rosy Brown), adds to its faded elegance. Designers and developers can leverage this palette to create sophisticated, gentle interfaces or print materials that resonate with a timeless, floral-inspired tranquility, perfect for conveying softness and nostalgia.

Best used for

  • Wedding stationery and invitations
  • Boutique branding and packaging
  • Vintage-themed website designs
  • Feminine product branding
  • Romantic novel covers or editorial layouts
  • Interior design mood boards for serene spaces

Suggested color roles

primary

Use #BA55D3 as a balanced, prominent purple for main headers or key visual elements, establishing the palette's core.

secondary

Employ #DDA0DD for supporting elements, secondary text, or softer backgrounds to provide a gentle contrast to the primary shade.

accent

Apply #C71585 sparingly for calls to action, small decorative details, or to draw attention to crucial information with a vibrant, deep rose.

background

Utilize #BC8F8F or #DDA0DD as a soft, muted base for backgrounds, ensuring a warm and inviting canvas without overpowering other elements.

text

For body text, consider a deep charcoal like #333333 or a dark navy, reserving #9370DB for headings or larger text for optimal readability on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between light background colors like #DDA0DD and text to meet WCAG AA standards.
  • When pairing #BC8F8F with light text, verify readability, as its muted tone might require darker text for adequate contrast.
  • Use darker palette colors such as #9370DB or a deep charcoal for primary text to ensure legibility, especially on digital interfaces.
  • Avoid pairing very similar light shades for foreground and background elements to prevent visual strain and ensure clarity for all users.

Recommended combinations

Soft Bloom

Ideal for creating airy, gentle designs, such as elegant website headers or delicate print materials that emphasize softness.

#DDA0DD · #BC8F8F · #BA55D3

Deep Romance

Perfect for adding depth and a touch of dramatic elegance, suitable for accents, call-to-action buttons, or artistic illustrations.

#9370DB · #C71585 · #BA55D3

Vintage Contrast

Use this trio for a sophisticated vintage feel, with #C71585 providing a subtle yet striking pop against the softer, faded tones.

#BC8F8F · #DDA0DD · #C71585

CSS variables

:root {
  --faded-rosegarden-1: #DDA0DD;
  --faded-rosegarden-2: #BA55D3;
  --faded-rosegarden-3: #9370DB;
  --faded-rosegarden-4: #C71585;
  --faded-rosegarden-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faded-rosegarden": {
        1: "#DDA0DD",
        2: "#BA55D3",
        3: "#9370DB",
        4: "#C71585",
        5: "#BC8F8F",
      }
    }
  }
}

Related searches

faded purple color schemeromantic garden palettevintage floral colorssoft mauve designpastel purple branding

Palette colors

Hex values

Color 1#DDA0DD
·
Color 2#BA55D3
·
Color 3#9370DB
·
Color 4#C71585
·
Color 5#BC8F8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.8:1Fail
2.6:1Fail
1.4:1Fail
2
1.9:1Fail
1:1Fail
1.4:1Fail
1.4:1Fail
3
1.8:1Fail
1:1Fail
1.4:1Fail
1.3:1Fail
4
2.6:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
5
1.4:1Fail
1.4:1Fail
1.3:1Fail
1.9:1Fail

Similar palettes

More like Faded Rosegarden

View all pastel