Norwegian Tranquility カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Norwegian Tranquility palette

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

Norwegian Tranquility カラー パレット PNG 画像

Download norwegian tranquility color palette PNG image (landscape)
Download norwegian tranquility color palette PNG image (square)

Norwegian Tranquility カラーパレット CSS

/* CSS */
.color-1 {
color: #a7bd9e;
}
.color-2 {
color: #b7d9b5;
}
.color-3 {
color: #c9e1c6;
}
.color-4 {
color: #f0f6ea;
}
.color-5 {
color: #f9dbb4;
}

/* CSS Variables */
:root {
--color-1: #a7bd9e;
 --color-2: #b7d9b5;
 --color-3: #c9e1c6;
 --color-4: #f0f6ea;
 --color-5: #f9dbb4;
 }

Norwegian Tranquility の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7bd9e, #b7d9b5, #c9e1c6, #f0f6ea, #f9dbb4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7bd9e, #b7d9b5, #c9e1c6, #f0f6ea, #f9dbb4);
}

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

Norwegian Tranquility color palette created on .