Coastal Sunset Harmony カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Coastal Sunset Harmony palette

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

Coastal Sunset Harmony カラーパレット (PNG) をダウンロード

Download coastal sunset harmony color palette PNG image (landscape)
Download coastal sunset harmony color palette PNG image (square)

Coastal Sunset Harmony カラーパレット CSS

/* CSS */
.color-1 {
color: #f8d3a0;
}
.color-2 {
color: #f4a462;
}
.color-3 {
color: #e76e50;
}
.color-4 {
color: #2a9d90;
}
.color-5 {
color: #274754;
}

/* CSS Variables */
:root {
--color-1: #f8d3a0;
 --color-2: #f4a462;
 --color-3: #e76e50;
 --color-4: #2a9d90;
 --color-5: #274754;
 }

Coastal Sunset Harmony の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8d3a0, #f4a462, #e76e50, #2a9d90, #274754);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8d3a0, #f4a462, #e76e50, #2a9d90, #274754);
}

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

下にスクロールして4個のエステティックカラーパレットを探索しましょう

Coastal Sunset Harmony color palette created on .