Sleepy Hollow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sleepy Hollow palette

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

Sleepy Hollow カラー パレット PNG 画像

Download sleepy hollow color palette PNG image (landscape)
Download sleepy hollow color palette PNG image (square)

Sleepy Hollow カラーパレット CSS

/* CSS */
.color-1 {
color: #3a2c3a;
}
.color-2 {
color: #6a4e6a;
}
.color-3 {
color: #96879b;
}
.color-4 {
color: #c9a6b6;
}
.color-5 {
color: #e5c8d5;
}

/* CSS Variables */
:root {
--color-1: #3a2c3a;
 --color-2: #6a4e6a;
 --color-3: #96879b;
 --color-4: #c9a6b6;
 --color-5: #e5c8d5;
 }

Sleepy Hollow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3a2c3a, #6a4e6a, #96879b, #c9a6b6, #e5c8d5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3a2c3a, #6a4e6a, #96879b, #c9a6b6, #e5c8d5);
}

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

Sleepy Hollow color palette created on .