Palette

Rose Gold Blush

A sophisticated and soft blend of pinks and rose golds, perfect for a delicate and elegant aesthetic.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EBC3C3#DDA6AF#C2828C#A75C6C#904755

Palette guide

How to use Rose Gold Blush

Overview

The "Rose Gold Blush" palette offers a sophisticated and soft blend of pinks and rose golds, perfect for a delicate and elegant aesthetic. Ranging from the light #EBC3C3 to the deeper #904755, this palette showcases a harmonious progression of warm, inviting tones. Key colors like #DDA6AF, #C2828C, and #A75C6C provide versatility, allowing for both subtle accents and more prominent elements. This collection is an excellent choice for designers and developers aiming to create luxurious, feminine, and refined visual experiences, ideal for projects that demand a touch of modern elegance and warmth with a metallic hint.

Best used for

Delicate wedding stationery
Luxury fashion branding
High-end cosmetic packaging
Feminine lifestyle blogs
Jewelry e-commerce sites
Spa and wellness marketing

Suggested color roles

primary

#C2828C - A sophisticated primary for headings, main call-to-action buttons, or key graphical elements, conveying elegance and warmth.

secondary

#DDA6AF - Ideal for subheadings, secondary content blocks, or background textures, offering a softer, inviting tone.

accent

#904755 - A deep, impactful accent for critical highlights, luxury product details, or important interactive states, adding gravitas.

background

#EBC3C3 - A very light, airy background, perfect for main content areas to ensure readability and a delicate, expansive feel.

text

#333333 (dark gray) - For body text, ensuring excellent readability against light backgrounds. Use #904755 for prominent titles.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using lighter pinks for text.
Test #C2828C and #904755 for text against #EBC3C3 for WCAG AA compliance; a darker text color is often needed.
Avoid using #DDA6AF for small text on very light backgrounds due to potential low contrast.
For body text, a dark neutral like charcoal or black is recommended for optimal readability.

Recommended combinations

Blush Gradient

Creates a soft, harmonious gradient, ideal for elegant backgrounds, hero sections, or subtle decorative elements.

#EBC3C3 · #DDA6AF · #C2828C

Deep Rose Gold

Perfect for sophisticated branding, strong calls-to-action, or UI elements where depth and understated luxury are desired.

#904755 · #A75C6C · #C2828C

Light & Dark

Use these for a balanced contrast in web layouts, headers, or footers, providing clear visual hierarchy and elegance.

#EBC3C3 · #A75C6C · #904755

CSS variables

:root {
  --rose-gold-blush-1: #EBC3C3;
  --rose-gold-blush-2: #DDA6AF;
  --rose-gold-blush-3: #C2828C;
  --rose-gold-blush-4: #A75C6C;
  --rose-gold-blush-5: #904755;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-gold-blush": {
        1: "#EBC3C3",
        2: "#DDA6AF",
        3: "#C2828C",
        4: "#A75C6C",
        5: "#904755",
      }
    }
  }
}

Hex values

Color 1#EBC3C3

Color 2#DDA6AF

Color 3#C2828C

Color 4#A75C6C

Color 5#904755

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

3:1Fail

4.1:1AA18

1.3:1Fail

1.5:1Fail

2.3:1Fail

3.2:1AA18

1.9:1Fail

1.5:1Fail

1.6:1Fail

2.1:1Fail

3:1Fail

2.3:1Fail

1.6:1Fail

1.4:1Fail

4.1:1AA18

3.2:1AA18

2.1:1Fail

1.4:1Fail

Similar palettes

More like Rose Gold Blush

Parisian Patisserie Pink

Rose Gold Elegance

Rose Gold Twilight