5 colors · #EEDADA · #36452B · #8A9646 · #7F7D74 · #D7D0C5
| Color | Hex | RGB | HSL |
|---|---|---|---|
| Cherry Blossom Pink | 238 218 218 | 0° 37% 89% | |
| Deep Bamboo Green | 54 69 43 | 95° 23% 22% | |
| Mossy Rock Green | 138 150 70 | 69° 36% 43% | |
| Weathered Wood Grey | 127 125 116 | 49° 5% 48% | |
| Zen Sand Beige | 215 208 197 | 37° 18% 81% |
Hex list
#EEDADA, #36452B, #8A9646, #7F7D74, #D7D0C5CSS variables
:root {
--zen-garden-1: #EEDADA; /* Cherry Blossom Pink */
--zen-garden-2: #36452B; /* Deep Bamboo Green */
--zen-garden-3: #8A9646; /* Mossy Rock Green */
--zen-garden-4: #7F7D74; /* Weathered Wood Grey */
--zen-garden-5: #D7D0C5; /* Zen Sand Beige */
}Tailwind v4
@theme {
--color-zen-garden-1: #EEDADA; /* Cherry Blossom Pink */
--color-zen-garden-2: #36452B; /* Deep Bamboo Green */
--color-zen-garden-3: #8A9646; /* Mossy Rock Green */
--color-zen-garden-4: #7F7D74; /* Weathered Wood Grey */
--color-zen-garden-5: #D7D0C5; /* Zen Sand Beige */
}JSON
{
"name": "Zen Garden",
"colors": [
"#EEDADA",
"#36452B",
"#8A9646",
"#7F7D74",
"#D7D0C5"
],
"color_names": [
"Cherry Blossom Pink",
"Deep Bamboo Green",
"Mossy Rock Green",
"Weathered Wood Grey",
"Zen Sand Beige"
],
"source": "https://huaban.com/pins/7020275625"
}