Cold War カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cold War palette

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

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

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

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

Download cold war color palette PNG image (landscape)
Download cold war color palette PNG image (square)

Cold War カラーパレット CSS

/* CSS */
.color-1 {
color: #1c2b3b;
}
.color-2 {
color: #2f4b6f;
}
.color-3 {
color: #4b7c9b;
}
.color-4 {
color: #a8c5d6;
}
.color-5 {
color: #f2f6f8;
}

/* CSS Variables */
:root {
--color-1: #1c2b3b;
 --color-2: #2f4b6f;
 --color-3: #4b7c9b;
 --color-4: #a8c5d6;
 --color-5: #f2f6f8;
 }

Cold War の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c2b3b, #2f4b6f, #4b7c9b, #a8c5d6, #f2f6f8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c2b3b, #2f4b6f, #4b7c9b, #a8c5d6, #f2f6f8);
}

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

Cold War color palette created on .