Peacock Feather Gradient
Conic sweep of teal, green, and deep indigo.
Open in the gradient generator →
Color Stops
#134E5E
#71B280
#43C6AC
#191654
Peacock Feather CSS Code
HEX Copy
background: #134E5E; background: conic-gradient(from 135deg, #134E5E 0%, #71B280 30%, #43C6AC 65%, #191654 100%);
RGBA Copy
background: rgba(19, 78, 94, 1.0); background: conic-gradient(from 135deg, rgba(19, 78, 94, 1.0) 0%, rgba(113, 178, 128, 1.0) 30%, rgba(67, 198, 172, 1.0) 65%, rgba(25, 22, 84, 1.0) 100%);
HSLA Copy
background: hsla(193, 66%, 22%, 1.0); background: conic-gradient(from 135deg, hsla(193, 66%, 22%, 1.0) 0%, hsla(134, 30%, 57%, 1.0) 30%, hsla(168, 53%, 52%, 1.0) 65%, hsla(243, 58%, 21%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Peacock Feather gradient?Conic sweep of teal, green, and deep indigo.
What's the CSS code for the Peacock Feather gradient?
Use
background: conic-gradient(from 135deg, #134E5E 0%, #71B280 30%, #43C6AC 65%, #191654 100%);. RGBA and HSLA versions are also available on this page.