Cat Inside the Box カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cat Inside the Box palette

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

Cat Inside the Box カラー パレット PNG 画像

Download cat inside the box color palette PNG image (landscape)
Download cat inside the box color palette PNG image (square)

Cat Inside the Box カラーパレット CSS

/* CSS */
.color-1 {
color: #f5c99e;
}
.color-2 {
color: #d7b1a3;
}
.color-3 {
color: #a76c8f;
}
.color-4 {
color: #6b4b8b;
}
.color-5 {
color: #3b0c45;
}

/* CSS Variables */
:root {
--color-1: #f5c99e;
 --color-2: #d7b1a3;
 --color-3: #a76c8f;
 --color-4: #6b4b8b;
 --color-5: #3b0c45;
 }

Cat Inside the Box の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5c99e, #d7b1a3, #a76c8f, #6b4b8b, #3b0c45);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5c99e, #d7b1a3, #a76c8f, #6b4b8b, #3b0c45);
}

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

Cat Inside the Box color palette created on .