5 colors · #EAC800 · #EAD465 · #F5EAB9 · #7E8407 · #254E06
| Color | Hex | RGB | HSL |
|---|---|---|---|
| Jonquil | 234 200 0 | 51° 100% 46% | |
| Arylide Yellow | 234 212 101 | 50° 76% 66% | |
| Vanilla | 245 234 185 | 49° 75% 84% | |
| Olive | 126 132 7 | 63° 90% 27% | |
| Dark Moss Green | 37 78 6 | 94° 86% 16% |
Hex list
#EAC800, #EAD465, #F5EAB9, #7E8407, #254E06CSS variables
:root {
--rapeseed-meadow-1: #EAC800; /* Jonquil */
--rapeseed-meadow-2: #EAD465; /* Arylide Yellow */
--rapeseed-meadow-3: #F5EAB9; /* Vanilla */
--rapeseed-meadow-4: #7E8407; /* Olive */
--rapeseed-meadow-5: #254E06; /* Dark Moss Green */
}Tailwind v4
@theme {
--color-rapeseed-meadow-1: #EAC800; /* Jonquil */
--color-rapeseed-meadow-2: #EAD465; /* Arylide Yellow */
--color-rapeseed-meadow-3: #F5EAB9; /* Vanilla */
--color-rapeseed-meadow-4: #7E8407; /* Olive */
--color-rapeseed-meadow-5: #254E06; /* Dark Moss Green */
}JSON
{
"name": "Rapeseed Meadow",
"colors": [
"#EAC800",
"#EAD465",
"#F5EAB9",
"#7E8407",
"#254E06"
],
"color_names": [
"Jonquil",
"Arylide Yellow",
"Vanilla",
"Olive",
"Dark Moss Green"
],
"source": "https://huaban.com/pins/6738424105"
}