6 colors · #2B78A2 · #6EA8C9 · #B6DEE7 · #FCD9DD · #F9E2CF · #F2CDAF
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #2B78A2 | 43 120 162 | 201° 58% 40% | |
| #6EA8C9 | 110 168 201 | 202° 46% 61% | |
| #B6DEE7 | 182 222 231 | 191° 51% 81% | |
| #FCD9DD | 252 217 221 | 353° 85% 92% | |
| #F9E2CF | 249 226 207 | 27° 78% 89% | |
| #F2CDAF | 242 205 175 | 27° 72% 82% |
Hex list
#2B78A2, #6EA8C9, #B6DEE7, #FCD9DD, #F9E2CF, #F2CDAFCSS variables
:root {
--peach-tides-1: #2B78A2;
--peach-tides-2: #6EA8C9;
--peach-tides-3: #B6DEE7;
--peach-tides-4: #FCD9DD;
--peach-tides-5: #F9E2CF;
--peach-tides-6: #F2CDAF;
}Tailwind v4
@theme {
--color-peach-tides-1: #2B78A2;
--color-peach-tides-2: #6EA8C9;
--color-peach-tides-3: #B6DEE7;
--color-peach-tides-4: #FCD9DD;
--color-peach-tides-5: #F9E2CF;
--color-peach-tides-6: #F2CDAF;
}JSON
{
"name": "Peach Tides",
"colors": [
"#2B78A2",
"#6EA8C9",
"#B6DEE7",
"#FCD9DD",
"#F9E2CF",
"#F2CDAF"
],
"source": null
}