Cedric Morozov カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cedric Morozov palette

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

Cedric Morozov カラー パレット PNG 画像

Download cedric morozov color palette PNG image (landscape)
Download cedric morozov color palette PNG image (square)

Cedric Morozov カラーパレット CSS

/* CSS */
.color-1 {
color: #c7d3e0;
}
.color-2 {
color: #a8c1d1;
}
.color-3 {
color: #6fa2b3;
}
.color-4 {
color: #3a7888;
}
.color-5 {
color: #1f4c56;
}

/* CSS Variables */
:root {
--color-1: #c7d3e0;
 --color-2: #a8c1d1;
 --color-3: #6fa2b3;
 --color-4: #3a7888;
 --color-5: #1f4c56;
 }

Cedric Morozov の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c7d3e0, #a8c1d1, #6fa2b3, #3a7888, #1f4c56);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c7d3e0, #a8c1d1, #6fa2b3, #3a7888, #1f4c56);
}

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

Cedric Morozov color palette created on .