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.
Color Swatches & Technical Specifications
Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Rose Gold Luxury Palette.
UI Design & Color Hierarchy Guide
Combine rose gold accents (#B76E79) with dark charcoal bronze (#2C2424) for instant high-ticket elegance and sophisticated feminine branding.
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:
: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 */
}
{
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.