Back to palettes

Palette

Rose Gold Sunset

A soft blend of romantic rose and golden hues, capturing the delicate blush of a serene sunset.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B56575#E28B9F#F8BBD0#FFD8E4#8B4E5D

Palette guide

How to use Rose Gold Sunset

Overview

The "Rose Gold Sunset" palette captures the delicate blush of a serene sunset with its soft blend of romantic rose and golden hues. Ranging from the airy #FFD8E4 to the grounding #8B4E5D, this palette evokes warmth, elegance, and tranquility. It's a fantastic choice for designers seeking to create inviting and sophisticated experiences. The gradual progression of its five hex codes, including #F8BBD0 and #E28B9F, allows for beautiful gradients and harmonious color blocking in both digital and print media.

Best used for

  • Romantic event and wedding branding
  • Beauty and cosmetics product lines
  • Photography portfolios with a warm aesthetic
  • Fashion blogs and lifestyle websites
  • Springtime marketing campaigns
  • Elegant digital art and illustrations

Suggested color roles

primary

Use #8B4E5D for strong foundational elements, main navigation, or impactful headings that need to anchor the design.

secondary

Apply #B56575 for supportive text, subheadings, or larger color blocks that provide warmth and depth.

accent

Utilize #E28B9F for vibrant accents, call-to-action buttons, or elements that require a gentle yet noticeable pop.

background

Employ #FFD8E4 as a light, airy background, providing a clean and soft canvas that enhances the palette's warmth.

text

For body text, a deep gray or charcoal is recommended for optimal readability. For prominent headings, #8B4E5D offers excellent contrast and maintains the palette's rich feel.

Accessibility notes

  • The lightest colors, #FFD8E4 and #F8BBD0, require dark text (e.g., #8B4E5D or black) for adequate contrast and readability.
  • Avoid using #E28B9F or #B56575 for small text on very light backgrounds as contrast may be insufficient.
  • Ensure interactive elements clearly indicate their state changes with sufficient contrast.
  • Always test color combinations with a contrast checker to meet WCAG AA or AAA guidelines.

Recommended combinations

Sunset Glow

Ideal for soft background gradients, subtle overlays, or illustrating a serene, fading light effect.

#FFD8E4 · #F8BBD0 · #E28B9F

Deep Evening

Perfect for hero sections, brand logos, or key information where a strong visual anchor is desired.

#8B4E5D · #B56575 · #FFD8E4

Warm Accent

Use for buttons, interactive elements, or small design details that need to stand out gently.

#E28B9F · #F8BBD0 · #B56575

CSS variables

:root {
  --rose-gold-sunset-1: #B56575;
  --rose-gold-sunset-2: #E28B9F;
  --rose-gold-sunset-3: #F8BBD0;
  --rose-gold-sunset-4: #FFD8E4;
  --rose-gold-sunset-5: #8B4E5D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-gold-sunset": {
        1: "#B56575",
        2: "#E28B9F",
        3: "#F8BBD0",
        4: "#FFD8E4",
        5: "#8B4E5D",
      }
    }
  }
}

Related searches

sunset pink palettewarm rose gold colorsromantic blush toneselegant pink gradientsoft evening hues

Palette colors

Hex values

Color 1#B56575
·
Color 2#E28B9F
·
Color 3#F8BBD0
·
Color 4#FFD8E4
·
Color 5#8B4E5D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.6:1Fail
3.2:1AA18
1.5:1Fail
2
1.7:1Fail
1.5:1Fail
1.9:1Fail
2.5:1Fail
3
2.6:1Fail
1.5:1Fail
1.2:1Fail
3.9:1AA18
4
3.2:1AA18
1.9:1Fail
1.2:1Fail
4.8:1AA
5
1.5:1Fail
2.5:1Fail
3.9:1AA18
4.8:1AA

Similar palettes

More like Rose Gold Sunset

View all warm
Rose Gold Glamour
Ancient Egyptian Gold
Ancient Gold Scroll
Ancient Saffron Silk
Antique Rose Petals
Antique Rose Tapestry