5 colors · #D3E2B6 · #C3DBB4 · #AACCB1 · #87BDB1 · #68B3AF
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #D3E2B6 | 211 226 182 | 80° 43% 80% | |
| #C3DBB4 | 195 219 180 | 97° 35% 78% | |
| #AACCB1 | 170 204 177 | 132° 25% 73% | |
| #87BDB1 | 135 189 177 | 167° 29% 64% | |
| #68B3AF | 104 179 175 | 177° 33% 55% |
Hex list
#D3E2B6, #C3DBB4, #AACCB1, #87BDB1, #68B3AFCSS variables
:root {
--gentle-waves-1: #D3E2B6;
--gentle-waves-2: #C3DBB4;
--gentle-waves-3: #AACCB1;
--gentle-waves-4: #87BDB1;
--gentle-waves-5: #68B3AF;
}Tailwind v4
@theme {
--color-gentle-waves-1: #D3E2B6;
--color-gentle-waves-2: #C3DBB4;
--color-gentle-waves-3: #AACCB1;
--color-gentle-waves-4: #87BDB1;
--color-gentle-waves-5: #68B3AF;
}JSON
{
"name": "Gentle Waves",
"colors": [
"#D3E2B6",
"#C3DBB4",
"#AACCB1",
"#87BDB1",
"#68B3AF"
],
"source": "https://www.colourlovers.com/palette/475875/Gentle_Waves"
}