Cream The Rabbit カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cream The Rabbit palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Cream The Rabbit カラーパレット (PNG) をダウンロード

Download cream the rabbit color palette PNG image (landscape)
Download cream the rabbit color palette PNG image (square)

Cream The Rabbit カラーパレット CSS

/* CSS */
.color-1 {
color: #f6e1b6;
}
.color-2 {
color: #e9bcaf;
}
.color-3 {
color: #d78e9b;
}
.color-4 {
color: #a76c9d;
}
.color-5 {
color: #5c3f8d;
}

/* CSS Variables */
:root {
--color-1: #f6e1b6;
 --color-2: #e9bcaf;
 --color-3: #d78e9b;
 --color-4: #a76c9d;
 --color-5: #5c3f8d;
 }

Cream The Rabbit の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e1b6, #e9bcaf, #d78e9b, #a76c9d, #5c3f8d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e1b6, #e9bcaf, #d78e9b, #a76c9d, #5c3f8d);
}

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

Cream The Rabbit color palette created on .