5 colors · #F5CEC7 · #E79796 · #FFC98B · #FFB284 · #C6C09C
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F5CEC7 | 245 206 199 | 9° 70% 87% | |
| #E79796 | 231 151 150 | 1° 63% 75% | |
| #FFC98B | 255 201 139 | 32° 100% 77% | |
| #FFB284 | 255 178 132 | 22° 100% 76% | |
| #C6C09C | 198 192 156 | 51° 27% 69% |
Hex list
#F5CEC7, #E79796, #FFC98B, #FFB284, #C6C09CCSS variables
:root {
--peach-meadow-1: #F5CEC7;
--peach-meadow-2: #E79796;
--peach-meadow-3: #FFC98B;
--peach-meadow-4: #FFB284;
--peach-meadow-5: #C6C09C;
}Tailwind v4
@theme {
--color-peach-meadow-1: #F5CEC7;
--color-peach-meadow-2: #E79796;
--color-peach-meadow-3: #FFC98B;
--color-peach-meadow-4: #FFB284;
--color-peach-meadow-5: #C6C09C;
}JSON
{
"name": "Peach Meadow",
"colors": [
"#F5CEC7",
"#E79796",
"#FFC98B",
"#FFB284",
"#C6C09C"
],
"source": null
}