Back to palettes

Palette

Rose Gold Bloom

Soft rose hues infused with delicate gold undertones create an elegant and tender floral aesthetic.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6BFAD#F0D9C8#CD8581#D9A595#B87373

Palette guide

How to use Rose Gold Bloom

Overview

The "Rose Gold Bloom" palette presents a beautiful fusion of soft rose hues and delicate gold undertones, crafting an elegant and tender floral aesthetic. Featuring warm tones like #E6BFAD and #F0D9C8, it evokes a gentle, inviting glow. The palette is anchored by richer, earthy rose shades such as #CD8581 and #B87373, complemented by the versatile #D9A595. This collection is perfect for designers and developers aiming to create luxurious, sophisticated, yet approachable designs. It excels in projects needing a metallic shimmer combined with a soft, natural warmth, ensuring a refined and harmonious visual experience.

Best used for

  • Luxury beauty and cosmetics
  • Wedding and engagement branding
  • High-end jewelry displays
  • Feminine fashion and accessories
  • Interior design accents
  • Boutique hotel branding

Suggested color roles

primary

#CD8581 - A rich, inviting primary for headings, call-to-action buttons, or key graphical elements, conveying elegance and warmth.

secondary

#D9A595 - Ideal for subheadings, secondary information, or decorative elements, offering a lighter, sophisticated touch.

accent

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

background

#F0D9C8 - A soft, creamy background color, perfect for main content areas to ensure readability and a delicate, warm aesthetic.

text

#4A4A4A (dark charcoal) - For body text on light backgrounds, ensuring excellent readability. Use #CD8581 for elegant headings.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter rose golds for text.
  • Test #CD8581 and #B87373 for text against #F0D9C8 background for WCAG AA compliance.
  • Avoid using #E6BFAD for small text on very light backgrounds due to potential low contrast.
  • For body text, a dark neutral like black or charcoal is recommended for optimal readability.

Recommended combinations

Warm Glow

Creates a soft, inviting aesthetic, perfect for luxury product pages, gentle branding, or elegant hero sections.

#E6BFAD · #F0D9C8 · #CD8581

Rose Depth

Ideal for sophisticated designs requiring depth and contrast, such as navigation elements or prominent calls-to-action.

#B87373 · #CD8581 · #D9A595

Blush & Beige

Excellent for background textures, subtle patterns, or creating a serene, airy feel in digital and print layouts.

#D9A595 · #F0D9C8 · #E6BFAD

CSS variables

:root {
  --rose-gold-bloom-1: #E6BFAD;
  --rose-gold-bloom-2: #F0D9C8;
  --rose-gold-bloom-3: #CD8581;
  --rose-gold-bloom-4: #D9A595;
  --rose-gold-bloom-5: #B87373;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-gold-bloom": {
        1: "#E6BFAD",
        2: "#F0D9C8",
        3: "#CD8581",
        4: "#D9A595",
        5: "#B87373",
      }
    }
  }
}

Related searches

rose gold color schemewarm metallic paletteelegant blush tonesdelicate gold colorsfeminine luxury palette

Palette colors

Hex values

Color 1#E6BFAD
·
Color 2#F0D9C8
·
Color 3#CD8581
·
Color 4#D9A595
·
Color 5#B87373
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
1.3:1Fail
2.2:1Fail
2
1.2:1Fail
2.1:1Fail
1.6:1Fail
2.7:1Fail
3
1.7:1Fail
2.1:1Fail
1.3:1Fail
1.3:1Fail
4
1.3:1Fail
1.6:1Fail
1.3:1Fail
1.7:1Fail
5
2.2:1Fail
2.7:1Fail
1.3:1Fail
1.7:1Fail

Similar palettes

More like Rose Gold Bloom

View all warm