5 colors · #E5F4AF · #549B90 · #45ADA8 · #9DE0AD · #5E5C62
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #E5F4AF | 229 244 175 | 73° 76% 82% | |
| #549B90 | 84 155 144 | 171° 30% 47% | |
| #45ADA8 | 69 173 168 | 177° 43% 47% | |
| #9DE0AD | 157 224 173 | 134° 52% 75% | |
| #5E5C62 | 94 92 98 | 260° 3% 37% |
Hex list
#E5F4AF, #549B90, #45ADA8, #9DE0AD, #5E5C62CSS variables
:root {
--coastal-fade-1: #E5F4AF;
--coastal-fade-2: #549B90;
--coastal-fade-3: #45ADA8;
--coastal-fade-4: #9DE0AD;
--coastal-fade-5: #5E5C62;
}Tailwind v4
@theme {
--color-coastal-fade-1: #E5F4AF;
--color-coastal-fade-2: #549B90;
--color-coastal-fade-3: #45ADA8;
--color-coastal-fade-4: #9DE0AD;
--color-coastal-fade-5: #5E5C62;
}JSON
{
"name": "Coastal Fade",
"colors": [
"#E5F4AF",
"#549B90",
"#45ADA8",
"#9DE0AD",
"#5E5C62"
],
"source": null
}