Bright Orange Beach Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Bright Orange Beach palette

Condividi questa palette a:

Scarica la tavolozza dei colori Bright Orange Beach (PNG)

Download bright orange beach color palette PNG image (landscape)
Download bright orange beach color palette PNG image (square)

tavolozza dei colori Bright Orange Beach CSS

/* CSS */
.color-1 {
color: #f9d57b;
}
.color-2 {
color: #f4a462;
}
.color-3 {
color: #2a9d90;
}
.color-4 {
color: #274754;
}
.color-5 {
color: #e76e50;
}

/* CSS Variables */
:root {
--color-1: #f9d57b;
--color-2: #f4a462;
--color-3: #2a9d90;
--color-4: #274754;
--color-5: #e76e50;
}

CSS con gradiente di sfondo Bright Orange Beach

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9d57b, #f4a462, #2a9d90, #274754, #e76e50);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9d57b, #f4a462, #2a9d90, #274754, #e76e50);
}

Bright Orange Beach color palette created on .