Cake カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cake palette

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

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

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

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

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

Cake カラーパレット CSS

/* CSS */
.color-1 {
color: #fce9df;
}
.color-2 {
color: #fcd4d8;
}
.color-3 {
color: #f9c3dc;
}
.color-4 {
color: #e5aedb;
}
.color-5 {
color: #c59adb;
}

/* CSS Variables */
:root {
--color-1: #fce9df;
 --color-2: #fcd4d8;
 --color-3: #f9c3dc;
 --color-4: #e5aedb;
 --color-5: #c59adb;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fce9df, #fcd4d8, #f9c3dc, #e5aedb, #c59adb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fce9df, #fcd4d8, #f9c3dc, #e5aedb, #c59adb);
}

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

Cake color palette created on .