Paleta de colores Royal Orchid

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Royal Orchid palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Royal Orchid

Download royal orchid color palette PNG image (landscape)
Download royal orchid color palette PNG image (square)

CSS de la paleta de colores Royal Orchid

/* CSS */
.color-1 {
color: #3d1a6b;
}
.color-2 {
color: #6d509b;
}
.color-3 {
color: #a45eb5;
}
.color-4 {
color: #dea94f;
}
.color-5 {
color: #f7c94b;
}

/* CSS Variables */
:root {
--color-1: #3d1a6b;
 --color-2: #6d509b;
 --color-3: #a45eb5;
 --color-4: #dea94f;
 --color-5: #f7c94b;
 }

CSS del degradado de fondo Royal Orchid

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3d1a6b, #6d509b, #a45eb5, #dea94f, #f7c94b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3d1a6b, #6d509b, #a45eb5, #dea94f, #f7c94b);
}

Paletas de colores similares

Royal Orchid color palette created on .