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 .