5 colors · #E63946 · #F1FAEE · #A8DADC · #457B9D · #1D3557
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #E63946 | 230 57 70 | 355° 78% 56% | |
| #F1FAEE | 241 250 238 | 105° 55% 96% | |
| #A8DADC | 168 218 220 | 182° 43% 76% | |
| #457B9D | 69 123 157 | 203° 39% 44% | |
| #1D3557 | 29 53 87 | 215° 50% 23% |
Hex list
#E63946, #F1FAEE, #A8DADC, #457B9D, #1D3557CSS variables
:root {
--summer-ocean-breeze-1: #E63946;
--summer-ocean-breeze-2: #F1FAEE;
--summer-ocean-breeze-3: #A8DADC;
--summer-ocean-breeze-4: #457B9D;
--summer-ocean-breeze-5: #1D3557;
}Tailwind v4
@theme {
--color-summer-ocean-breeze-1: #E63946;
--color-summer-ocean-breeze-2: #F1FAEE;
--color-summer-ocean-breeze-3: #A8DADC;
--color-summer-ocean-breeze-4: #457B9D;
--color-summer-ocean-breeze-5: #1D3557;
}JSON
{
"name": "Summer Ocean Breeze",
"colors": [
"#E63946",
"#F1FAEE",
"#A8DADC",
"#457B9D",
"#1D3557"
],
"source": "https://coolors.co/palette/e63946-f1faee-a8dadc-457b9d-1d3557"
}