Palette

Rose Gold Reverie

A delicate and romantic blend of rose and muted gold tones, perfect for a dreamy, luxurious aesthetic.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rose Gold Reverie 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 Rose Gold Reverie.

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

Data visualization

#B76E79#E4CFCF#F1DEDE#D9AAB6#AA6F7B

Palette guide

How to use Rose Gold Reverie

Overview

The "Rose Gold Reverie" palette presents a delicate and romantic blend of rose and muted gold tones, perfect for a dreamy, luxurious aesthetic. With colors ranging from the soft #F1DEDE to the deep #AA6F7B, this palette exudes sophistication. It's an excellent choice for designers aiming to convey elegance, warmth, and a subtle femininity. The harmonious interplay of its five hex codes ensures a cohesive and refined visual experience, suitable for both digital and print applications requiring a touch of class.

Best used for

Spa and wellness brand identity
High-end bridal and wedding stationery
Feminine lifestyle and fashion blogs
Interior design mood boards for serene spaces
Luxury product packaging and branding
Sophisticated personal portfolio websites

Suggested color roles

primary

Use #AA6F7B as a grounding color for main headings, navigation elements, or significant brand accents.

secondary

Apply #B76E79 for subheadings, content dividers, or larger blocks of color that require a richer, supportive tone.

accent

Utilize #D9AAB6 for subtle highlights, interactive elements, or graphical details that need a gentle pop.

background

Employ #F1DEDE as the primary background color to create an airy, clean, and elegant canvas for content.

text

For body text, a dark charcoal or deep brown complements this palette well. For strong headings, #AA6F7B provides excellent readability against lighter backgrounds.

Accessibility notes

The lightest colors, #F1DEDE and #E4CFCF, require sufficiently dark text (e.g., #AA6F7B or black) to ensure readability.
Exercise caution when using #D9AAB6 for text on very light backgrounds as contrast may be insufficient for WCAG AA standards.
Ensure interactive elements using shades like #B76E79 have clear visual feedback on hover/focus.
Maintain a minimum contrast ratio of 4.5:1 for small text and 3:1 for large text against backgrounds.

Recommended combinations

Soft Elegance

Ideal for subtle background gradients, layering, or presenting delicate information with a refined touch.

#F1DEDE · #E4CFCF · #D9AAB6

Deep Reverie

Perfect for hero sections, brand statements, or impactful calls-to-action against a clean, light backdrop.

#AA6F7B · #B76E79 · #F1DEDE

Muted Accent

Use for secondary buttons, decorative elements, or subtle data visualizations.

#D9AAB6 · #E4CFCF · #B76E79

CSS variables

:root {
  --rose-gold-reverie-1: #B76E79;
  --rose-gold-reverie-2: #E4CFCF;
  --rose-gold-reverie-3: #F1DEDE;
  --rose-gold-reverie-4: #D9AAB6;
  --rose-gold-reverie-5: #AA6F7B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-gold-reverie": {
        1: "#B76E79",
        2: "#E4CFCF",
        3: "#F1DEDE",
        4: "#D9AAB6",
        5: "#AA6F7B",
      }
    }
  }
}

Hex values

Color 1#B76E79

Color 2#E4CFCF

Color 3#F1DEDE

Color 4#D9AAB6

Color 5#AA6F7B

Accessibility

Contrast checker

2.6:1Fail

2.9:1Fail

1.9:1Fail

1:1Fail

2.6:1Fail

1.1:1Fail

1.4:1Fail

2.7:1Fail

2.9:1Fail

1.1:1Fail

1.6:1Fail

3.1:1AA18

1.9:1Fail

1.4:1Fail

1.6:1Fail

2:1Fail

1:1Fail

2.7:1Fail

3.1:1AA18

2:1Fail

Similar palettes

More like Rose Gold Reverie

Orchid Petal Softness

Rose Gold Elegance

Rose Gold Twilight