5 colors · #4D2308 · #814414 · #B96D2C · #F1B93D · #F3CEA2
| Color | Hex | RGB | HSL |
|---|---|---|---|
| Seal Brown | 77 35 8 | 23° 81% 17% | |
| Russet | 129 68 20 | 26° 73% 29% | |
| Caramel | 185 109 44 | 28° 62% 45% | |
| Max. Yellow Red | 241 185 61 | 41° 87% 59% | |
| Deep Champagne | 243 206 162 | 33° 77% 79% |
Hex list
#4D2308, #814414, #B96D2C, #F1B93D, #F3CEA2CSS variables
:root {
--cookie-jar-1: #4D2308; /* Seal Brown */
--cookie-jar-2: #814414; /* Russet */
--cookie-jar-3: #B96D2C; /* Caramel */
--cookie-jar-4: #F1B93D; /* Max. Yellow Red */
--cookie-jar-5: #F3CEA2; /* Deep Champagne */
}Tailwind v4
@theme {
--color-cookie-jar-1: #4D2308; /* Seal Brown */
--color-cookie-jar-2: #814414; /* Russet */
--color-cookie-jar-3: #B96D2C; /* Caramel */
--color-cookie-jar-4: #F1B93D; /* Max. Yellow Red */
--color-cookie-jar-5: #F3CEA2; /* Deep Champagne */
}JSON
{
"name": "Cookie Jar",
"colors": [
"#4D2308",
"#814414",
"#B96D2C",
"#F1B93D",
"#F3CEA2"
],
"color_names": [
"Seal Brown",
"Russet",
"Caramel",
"Max. Yellow Red",
"Deep Champagne"
],
"source": "https://huaban.com/pins/7291941119"
}