Sandy Serenade カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sandy Serenade palette

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

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

Download sandy serenade color palette PNG image (landscape)
Download sandy serenade color palette PNG image (square)

Sandy Serenade カラーパレット CSS

/* CSS */
.color-1 {
color: #d69a66;
}
.color-2 {
color: #cf8c4a;
}
.color-3 {
color: #bf822b;
}
.color-4 {
color: #a8741a;
}
.color-5 {
color: #926311;
}

/* CSS Variables */
:root {
--color-1: #d69a66;
 --color-2: #cf8c4a;
 --color-3: #bf822b;
 --color-4: #a8741a;
 --color-5: #926311;
 }

Sandy Serenade の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d69a66, #cf8c4a, #bf822b, #a8741a, #926311);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d69a66, #cf8c4a, #bf822b, #a8741a, #926311);
}

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

Sandy Serenade color palette created on .