warmpastel
Rose Gold Color Palette
Rose Gold is a warm and pastel color palette of 5 colors: Coffee (#6d4c41), Rose Gold (#b76e79), Light Pink (#e8b4b8), Bone (#eed6d3) and White Smoke (#f9f1f0). Its dominant hue is pink.
The darkest color, Coffee, on the lightest, White Smoke, gives a 6.83:1 contrast ratio — enough for body text at WCAG AA. 2 pairs in this palette pass AA for normal text. Rose Gold (#b76e79) is its most saturated color and a natural choice for buttons and links.
Colors
- Coffee
- Rose Gold
- Light Pink
- Bone
- White Smoke
CSS Output
:root {
--rose-gold-1: #6d4c41;
--rose-gold-2: #b76e79;
--rose-gold-3: #e8b4b8;
--rose-gold-4: #eed6d3;
--rose-gold-5: #f9f1f0;
}Rose Gold on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Coffee on White Smoke#6d4c41 on #f9f1f06.83:1AA
- Coffee on Bone#6d4c41 on #eed6d35.50:1AA
- Coffee on Light Pink#6d4c41 on #e8b4b84.22:1AA Large
- Rose Gold on White Smoke#b76e79 on #f9f1f03.41:1AA Large