6 colors · #E8A2B8 · #A6C871 · #6A8A45 · #FFF8E7 · #F3C6D1 · #2F5847
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #E8A2B8 | 232 162 184 | 341° 60% 77% | |
| #A6C871 | 166 200 113 | 83° 44% 61% | |
| #6A8A45 | 106 138 69 | 88° 33% 41% | |
| #FFF8E7 | 255 248 231 | 42° 100% 95% | |
| #F3C6D1 | 243 198 209 | 345° 65% 86% | |
| #2F5847 | 47 88 71 | 155° 30% 26% |
Hex list
#E8A2B8, #A6C871, #6A8A45, #FFF8E7, #F3C6D1, #2F5847CSS variables
:root {
--cherry-blossom-1: #E8A2B8;
--cherry-blossom-2: #A6C871;
--cherry-blossom-3: #6A8A45;
--cherry-blossom-4: #FFF8E7;
--cherry-blossom-5: #F3C6D1;
--cherry-blossom-6: #2F5847;
}Tailwind v4
@theme {
--color-cherry-blossom-1: #E8A2B8;
--color-cherry-blossom-2: #A6C871;
--color-cherry-blossom-3: #6A8A45;
--color-cherry-blossom-4: #FFF8E7;
--color-cherry-blossom-5: #F3C6D1;
--color-cherry-blossom-6: #2F5847;
}JSON
{
"name": "Cherry Blossom",
"colors": [
"#E8A2B8",
"#A6C871",
"#6A8A45",
"#FFF8E7",
"#F3C6D1",
"#2F5847"
],
"source": null
}