Back to palettes

Palette

Rose Gold Twilight

Soft pinks and warm golds capture the tender glow of dusk, with a touch of elegance.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0CAD8#C39797#E6ADAD#946767#EBD5E0

Palette guide

How to use Rose Gold Twilight

Overview

The "Rose Gold Twilight" palette captures the tender glow of dusk, blending soft pinks and warm golds for an elegant and feminine aesthetic. With hex codes like the airy #EBD5E0 and the grounding #946767, this palette offers a sophisticated range that is both inviting and refined. Designers can use its harmonious transitions, including #F0CAD8 and #C39797, to create visually appealing digital interfaces, luxurious print materials, or elegant branding that evokes comfort and subtle glamour.

Best used for

  • Boutique fashion and accessory branding
  • Luxury packaging design
  • Wedding and event stationery
  • Sophisticated lifestyle blogs and websites
  • Interior design accents and mood boards
  • Digital portfolios for creative professionals

Suggested color roles

primary

Use #946767 for strong, grounding elements like main headings, navigation bars, or foundational brand colors.

secondary

Apply #C39797 for supportive text, subheadings, or larger areas that require a richer, warm tone.

accent

Utilize #E6ADAD for gentle highlights, interactive elements, or subtle graphical details that need a soft emphasis.

background

Employ #EBD5E0 as a light, ethereal background to create an open and elegant canvas that highlights content.

text

For body text, a dark brown or charcoal is recommended for optimal readability. For prominent headings, #946767 offers excellent contrast against lighter backgrounds.

Accessibility notes

  • The lightest colors, #EBD5E0 and #F0CAD8, require dark text (e.g., #946767 or black) for sufficient contrast.
  • Avoid using #C39797 or #E6ADAD for small text on very light backgrounds as contrast may not meet WCAG AA.
  • Ensure interactive elements have clear visual feedback on hover/focus states.
  • Always verify color combinations with a contrast checker for compliance with accessibility standards.

Recommended combinations

Dusk Hues

Ideal for soft background gradients, subtle overlays, or creating a gentle, atmospheric feel.

#EBD5E0 · #F0CAD8 · #E6ADAD

Twilight Depth

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

#946767 · #C39797 · #EBD5E0

Gentle Contrast

Use for buttons, secondary calls-to-action, or small design accents that need to stand out subtly.

#E6ADAD · #F0CAD8 · #946767

CSS variables

:root {
  --rose-gold-twilight-2-1: #F0CAD8;
  --rose-gold-twilight-2-2: #C39797;
  --rose-gold-twilight-2-3: #E6ADAD;
  --rose-gold-twilight-2-4: #946767;
  --rose-gold-twilight-2-5: #EBD5E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-gold-twilight-2": {
        1: "#F0CAD8",
        2: "#C39797",
        3: "#E6ADAD",
        4: "#946767",
        5: "#EBD5E0",
      }
    }
  }
}

Related searches

rose gold blush paletteelegant twilight colorssoft pink gold schemefeminine dusk huesmuted romantic tones

Palette colors

Hex values

Color 1#F0CAD8
·
Color 2#C39797
·
Color 3#E6ADAD
·
Color 4#946767
·
Color 5#EBD5E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.3:1Fail
3.2:1AA18
1.1:1Fail
2
1.7:1Fail
1.3:1Fail
1.9:1Fail
1.8:1Fail
3
1.3:1Fail
1.3:1Fail
2.5:1Fail
1.4:1Fail
4
3.2:1AA18
1.9:1Fail
2.5:1Fail
3.4:1AA18
5
1.1:1Fail
1.8:1Fail
1.4:1Fail
3.4:1AA18

Similar palettes

More like Rose Gold Twilight

View all pastel
Rose Gold Elegance
Rose Gold Kiss
Rose Gold Twilight
Ballet Slipper
Blush Silk Drape
Rose Gold Blush