Blue Storm カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blue Storm palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

Download blue storm color palette PNG image (landscape)
Download blue storm color palette PNG image (square)

Blue Storm カラーパレット CSS

/* CSS */
.color-1 {
color: #49586e;
}
.color-2 {
color: #7d9dba;
}
.color-3 {
color: #a0bfcf;
}
.color-4 {
color: #e2c3a2;
}
.color-5 {
color: #d59b6c;
}

/* CSS Variables */
:root {
--color-1: #49586e;
 --color-2: #7d9dba;
 --color-3: #a0bfcf;
 --color-4: #e2c3a2;
 --color-5: #d59b6c;
 }

Blue Storm の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #49586e, #7d9dba, #a0bfcf, #e2c3a2, #d59b6c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #49586e, #7d9dba, #a0bfcf, #e2c3a2, #d59b6c);
}

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

Blue Storm color palette created on .