Champagne Shimmer, Polished Copper & Blush Elegance Category: Aesthetic 9,900/mo searches

Rose Gold Luxury Palette — HEX Codes, Swatches & UI Palette

Precious metallic warmth blending pink champagne shimmer, polished copper, and soft bridal blush with deep charcoal bronze for high-end fashion, jewelry, and luxury gifting.

Precious Signature
Rose Gold Metallic
#B76E79
Luminous Warm Highlight
Champagne Shimmer
#F7E7CE
Delicate Warm Neutral
Blush Silk
#F3C5C5
High-Contrast Luxury Dark
Charcoal Bronze
#2C2424
Pristine Luxury Surface
Warm Pearl Alabaster
#FAF6F0
Open in Web Studio Color Wheel Tint & Shade Scale

Color Swatches & Technical Specifications

Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Rose Gold Luxury Palette.

Rose Gold Metallic

Precious Signature
HEX #B76E79
RGB rgb(183, 110, 121)
HSL hsl(351deg, 34%, 57%)
vs White: 3.8:1 (AA Large) vs Black: 5.52:1 (AA)

Champagne Shimmer

Luminous Warm Highlight
HEX #F7E7CE
RGB rgb(247, 231, 206)
HSL hsl(37deg, 72%, 89%)
vs White: 1.22:1 (Fail) vs Black: 17.28:1 (AAA)

Blush Silk

Delicate Warm Neutral
HEX #F3C5C5
RGB rgb(243, 197, 197)
HSL hsl(0deg, 66%, 86%)
vs White: 1.54:1 (Fail) vs Black: 13.6:1 (AAA)

Charcoal Bronze

High-Contrast Luxury Dark
HEX #2C2424
RGB rgb(44, 36, 36)
HSL hsl(0deg, 10%, 16%)
vs White: 15.17:1 (AAA) vs Black: 1.38:1 (Fail)

Warm Pearl Alabaster

Pristine Luxury Surface
HEX #FAF6F0
RGB rgb(250, 246, 240)
HSL hsl(36deg, 50%, 96%)
vs White: 1.08:1 (Fail) vs Black: 19.51:1 (AAA)

UI Design & Color Hierarchy Guide

Combine rose gold accents (#B76E79) with dark charcoal bronze (#2C2424) for instant high-ticket elegance and sophisticated feminine branding.

60% Dominant Base
Use the primary neutral/light swatch (Warm Pearl Alabaster) for canvas backgrounds and card surfaces.
30% Structural Secondary
Apply midtones for navigation bars, card headers, borders, and secondary buttons.
10% Accent Callout
Reserve high-saturation focal colors for CTAs, conversion badges, and active state highlights.

WCAG 2.1 Accessibility & Contrast Matrix

Legibility ratings between palette elements and key backgrounds (Lightest: Warm Pearl Alabaster | Darkest: Charcoal Bronze):

Swatch Contrast vs Light Canvas Contrast vs Dark Canvas
Rose Gold Metallic (#B76E79)
3.53:1 AA Large 3.99:1 AA Large
Champagne Shimmer (#F7E7CE)
1.13:1 Fail 12.48:1 AAA
Blush Silk (#F3C5C5)
1.43:1 Fail 9.83:1 AAA
Charcoal Bronze (#2C2424)
14.09:1 AAA 1.0:1 Fail
Warm Pearl Alabaster (#FAF6F0)
1.0:1 Fail 14.09:1 AAA

CSS Custom Properties & Design Tokens

Copy and paste production-ready tokens directly into your CSS stylesheet or Tailwind CSS configuration:

CSS Variables
:root {
  --color-1: #B76E79; /* Rose Gold Metallic - Precious Signature */
  --color-2: #F7E7CE; /* Champagne Shimmer - Luminous Warm Highlight */
  --color-3: #F3C5C5; /* Blush Silk - Delicate Warm Neutral */
  --color-4: #2C2424; /* Charcoal Bronze - High-Contrast Luxury Dark */
  --color-5: #FAF6F0; /* Warm Pearl Alabaster - Pristine Luxury Surface */
}
Tailwind CSS Config
{
  colors: {
    'palette-1': '#B76E79',
    'palette-2': '#F7E7CE',
    'palette-3': '#F3C5C5',
    'palette-4': '#2C2424',
    'palette-5': '#FAF6F0'
  }
}

Explore More Curated Color Palettes

Browse seasonal palettes, retro aesthetic color schemes, nature tones, and dark mode themes.

All Color Palettes Named Color Dictionary Interactive Color Wheel