Brown Almond Delight カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Brown Almond Delight palette

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

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

Download brown almond delight color palette PNG image (landscape)
Download brown almond delight color palette PNG image (square)

Brown Almond Delight カラーパレット CSS

/* CSS */
.color-1 {
color: #d0b09a;
}
.color-2 {
color: #c6996c;
}
.color-3 {
color: #a86d4d;
}
.color-4 {
color: #8c5b3b;
}
.color-5 {
color: #5c3b28;
}

/* CSS Variables */
:root {
--color-1: #d0b09a;
 --color-2: #c6996c;
 --color-3: #a86d4d;
 --color-4: #8c5b3b;
 --color-5: #5c3b28;
 }

Brown Almond Delight の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d0b09a, #c6996c, #a86d4d, #8c5b3b, #5c3b28);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d0b09a, #c6996c, #a86d4d, #8c5b3b, #5c3b28);
}

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

Brown Almond Delight color palette created on .