6 colors · #D986B1 · #F2A6C2 · #28495E · #35635A · #6AA173 · #C0D9A2
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #D986B1 | 217 134 177 | 329° 52% 69% | |
| #F2A6C2 | 242 166 194 | 338° 75% 80% | |
| #28495E | 40 73 94 | 203° 40% 26% | |
| #35635A | 53 99 90 | 168° 30% 30% | |
| #6AA173 | 106 161 115 | 130° 23% 52% | |
| #C0D9A2 | 192 217 162 | 87° 42% 74% |
Hex list
#D986B1, #F2A6C2, #28495E, #35635A, #6AA173, #C0D9A2CSS variables
:root {
--dusk-garden-1: #D986B1;
--dusk-garden-2: #F2A6C2;
--dusk-garden-3: #28495E;
--dusk-garden-4: #35635A;
--dusk-garden-5: #6AA173;
--dusk-garden-6: #C0D9A2;
}Tailwind v4
@theme {
--color-dusk-garden-1: #D986B1;
--color-dusk-garden-2: #F2A6C2;
--color-dusk-garden-3: #28495E;
--color-dusk-garden-4: #35635A;
--color-dusk-garden-5: #6AA173;
--color-dusk-garden-6: #C0D9A2;
}JSON
{
"name": "Dusk Garden",
"colors": [
"#D986B1",
"#F2A6C2",
"#28495E",
"#35635A",
"#6AA173",
"#C0D9A2"
],
"source": null
}