Rose Gold Color Palette

Rose gold is a copper-and-gold alloy, and on screen it reads as a desaturated pink-brown. #B76E79 is the HEX most often used for it, at 351° hue and only 34% saturation. Copy the HEX codes from any scheme below, or generate a harmonious rose-gold palette anchored to your own base colour.

Rose Gold Palette Ideas & HEX Codes

Rose Gold is the straight ramp, 350°–353°, from #7A3B44 to a near-white #F0D6D9. Blush Rose Gold shifts warmer through most of its range, 5°–11°, before returning to the #B76E79 base, so it reads more copper than pink. Warm Rose Gold is the softest, ending on a cream-adjacent #F7E3D8.

Rose Gold

#7A3B44
#A05561
#B76E79
#D8A7AE
#F0D6D9

Blush Rose Gold

#F5E1DD
#EBC8C0
#DDA9A0
#C68A85
#B76E79

Warm Rose Gold

#8C5A5A
#B76E79
#D89B93
#E8BFB3
#F7E3D8

Anchored to a rose gold base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.

Free, no sign-up Generated in your browser CSS, JSON & HEX export

Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.

What Goes With Rose Gold

Rose gold is a metallic, so it needs a ground that lets it read as one — charcoal, deep plum or a soft blush all work, while a bright white flattens it. Beauty packaging, wedding stationery, jewellery and consumer electronics use it. Dusty rose is the non-metallic version of almost the same colour.

Frequently Asked Questions

What HEX codes make a rose gold palette?
Rose gold blends soft pink with warm copper: a deep rose anchor (#7A3B44, #8C5A5A), a true rose gold (#B76E79) and pale blush tints (#D8A7AE, #F0D6D9). The muted pink-copper warmth is what gives it that metallic, romantic feel. Above you get three ready-made versions — Rose Gold, Blush Rose Gold and Warm Rose Gold — so you can lift a whole five-step ramp instead of assembling one. #7A3B44 is the darkest code on the page and #F7E3D8 the lightest, a pairing worth 6.6:1, past the 4.5:1 WCAG AA minimum for body text.
Is rose gold pink or brown?
Rose gold is both, which is the point. #B76E79 sits at 351° hue, on the pink side of red, but its 34% saturation pulls it toward brown. The metallic impression comes from the ramp rather than the single colour: set #7A3B44, #B76E79 and #F0D6D9 next to each other and the eye reads a shadow, a body and a highlight.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. Because the picker is seeded with #B76E79, an export taken without changing the base stays inside the rose gold range. The JSON and HEX buttons hand back the same five values as an array and as a comma-separated line, which suit design tokens and quick pasting respectively. Lock a swatch to pin it, then re-roll the other four and export again without losing it.
Which rose gold shade should I use as a background?
For a page or card background take the lightest step in the set — #F7E3D8 on this page. Black text on #F7E3D8 comes to 16.9:1, well past the 4.5:1 WCAG AA line. For a dark surface use #7A3B44 instead, the deepest code here, where white text gives 8.2:1. The mid steps are better spent on borders, chart fills and hover states, where nothing has to be read at 14px.

More palettes: Dusty Rose palette  ·  Blush palette  ·  Brown palette  ·  all colours

Related color tools

Color Palette Generator

Roll random harmonious palettes, or build one from any base colour.

Color tools

→

Image Color Picker

Pick exact HEX, RGB and HSL colors from any image with an eyedropper.

Color tools

→