Muted Blue Document カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Muted Blue Document palette

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

Muted Blue Document カラーパレット (PNG) をダウンロード

Download muted blue document color palette PNG image (landscape)
Download muted blue document color palette PNG image (square)

Muted Blue Document カラーパレット CSS

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

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

Muted Blue Document の背景のグラデーション CSS

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

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

Muted Blue Document color palette created on .