5 colors · #E6FAF5 · #A7DDE9 · #66B2D6 · #3A7C94 · #2C3E50
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #E6FAF5 | 230 250 245 | 165° 67% 94% | |
| #A7DDE9 | 167 221 233 | 191° 60% 78% | |
| #66B2D6 | 102 178 214 | 199° 58% 62% | |
| #3A7C94 | 58 124 148 | 196° 44% 40% | |
| #2C3E50 | 44 62 80 | 210° 29% 24% |
Hex list
#E6FAF5, #A7DDE9, #66B2D6, #3A7C94, #2C3E50CSS variables
:root {
--aqua-dream-1: #E6FAF5;
--aqua-dream-2: #A7DDE9;
--aqua-dream-3: #66B2D6;
--aqua-dream-4: #3A7C94;
--aqua-dream-5: #2C3E50;
}Tailwind v4
@theme {
--color-aqua-dream-1: #E6FAF5;
--color-aqua-dream-2: #A7DDE9;
--color-aqua-dream-3: #66B2D6;
--color-aqua-dream-4: #3A7C94;
--color-aqua-dream-5: #2C3E50;
}JSON
{
"name": "Aqua Dream",
"colors": [
"#E6FAF5",
"#A7DDE9",
"#66B2D6",
"#3A7C94",
"#2C3E50"
],
"source": "https://samanthadigital.com/blue-color-palette/"
}