Deep Blue Despair カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Deep Blue Despair palette

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

Deep Blue Despair カラー パレット PNG 画像

Download deep blue despair color palette PNG image (landscape)
Download deep blue despair color palette PNG image (square)

Deep Blue Despair カラーパレット CSS

/* CSS */
.color-1 {
color: #2b3d50;
}
.color-2 {
color: #354a5f;
}
.color-3 {
color: #5d6d7e;
}
.color-4 {
color: #85c1ae;
}
.color-5 {
color: #f6f8f8;
}

/* CSS Variables */
:root {
--color-1: #2b3d50;
 --color-2: #354a5f;
 --color-3: #5d6d7e;
 --color-4: #85c1ae;
 --color-5: #f6f8f8;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2b3d50, #354a5f, #5d6d7e, #85c1ae, #f6f8f8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2b3d50, #354a5f, #5d6d7e, #85c1ae, #f6f8f8);
}

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

Deep Blue Despair color palette created on .