Serene Skyfall カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Serene Skyfall palette

このパレットを共有する先：

Serene Skyfall カラーパレット (PNG) をダウンロード

Download serene skyfall color palette PNG image (landscape)
Download serene skyfall color palette PNG image (square)

Serene Skyfall カラーパレット CSS

/* CSS */
.color-1 {
color: #a0d6e4;
}
.color-2 {
color: #6ac3d7;
}
.color-3 {
color: #46b9d2;
}
.color-4 {
color: #36a0b5;
}
.color-5 {
color: #2f899d;
}

/* CSS Variables */
:root {
--color-1: #a0d6e4;
 --color-2: #6ac3d7;
 --color-3: #46b9d2;
 --color-4: #36a0b5;
 --color-5: #2f899d;
 }

Serene Skyfall の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a0d6e4, #6ac3d7, #46b9d2, #36a0b5, #2f899d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a0d6e4, #6ac3d7, #46b9d2, #36a0b5, #2f899d);
}

似たようなカラーパレット

Serene Skyfall color palette created on .