Coffee and Curry カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Coffee and Curry palette

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

Coffee and Curry カラー パレット PNG 画像

Download coffee and curry color palette PNG image (landscape)
Download coffee and curry color palette PNG image (square)

Coffee and Curry カラーパレット CSS

/* CSS */
.color-1 {
color: #794a39;
}
.color-2 {
color: #e9caa5;
}
.color-3 {
color: #d8992c;
}
.color-4 {
color: #6d4e4a;
}
.color-5 {
color: #f1e7d5;
}

/* CSS Variables */
:root {
--color-1: #794a39;
 --color-2: #e9caa5;
 --color-3: #d8992c;
 --color-4: #6d4e4a;
 --color-5: #f1e7d5;
 }

Coffee and Curry の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #794a39, #e9caa5, #d8992c, #6d4e4a, #f1e7d5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #794a39, #e9caa5, #d8992c, #6d4e4a, #f1e7d5);
}

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

Coffee and Curry color palette created on .