Coffee and Curry カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Coffee and Curry palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Coffee and Curry カラーパレット (PNG) をダウンロード
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 .