Blush Copper Color Palette
Soft blush pink warming into a copper glow.
Use as a gradient →
Colors
#F7DCD4
#EFC0B3
#E6A493
#D98267
#C2603F
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F7DCD4 | T - | T - | |
| #EFC0B3 | T - | T - | |
| #E6A493 | T - | T - | |
| #D98267 | T - | T - | |
| #C2603F | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Blush Copper CSS Code
HEX Copy
#F7DCD4 #EFC0B3 #E6A493 #D98267 #C2603F
RGBA Copy
rgba(247, 220, 212, 1.0) rgba(239, 192, 179, 1.0) rgba(230, 164, 147, 1.0) rgba(217, 130, 103, 1.0) rgba(194, 96, 63, 1.0)
HSLA Copy
hsla(14, 69%, 90%, 1.0) hsla(13, 65%, 82%, 1.0) hsla(12, 62%, 74%, 1.0) hsla(14, 60%, 63%, 1.0) hsla(15, 52%, 50%, 1.0)
More Color Palettes
FAQ
What colors are in the Blush Copper palette?Soft blush pink warming into a copper glow.
How do I turn the Blush Copper palette into a CSS gradient?
Use
background: linear-gradient(to right, #F7DCD4, #EFC0B3, #E6A493, #D98267, #C2603F);, or click "Use as a gradient" above to open it in the live generator.