Breathwork カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Breathwork palette

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

Breathwork カラー パレット PNG 画像

Download breathwork color palette PNG image (landscape)
Download breathwork color palette PNG image (square)

Breathwork カラーパレット CSS

/* CSS */
.color-1 {
color: #fff1e5;
}
.color-2 {
color: #ffd6b3;
}
.color-3 {
color: #93441a;
}
.color-4 {
color: #ffffff;
}
.color-5 {
color: #ff6b6b;
}

/* CSS Variables */
:root {
--color-1: #fff1e5;
 --color-2: #ffd6b3;
 --color-3: #93441a;
 --color-4: #ffffff;
 --color-5: #ff6b6b;
 }

Breathwork の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fff1e5, #ffd6b3, #93441a, #ffffff, #ff6b6b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fff1e5, #ffd6b3, #93441a, #ffffff, #ff6b6b);
}

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

Breathwork color palette created on .