5 colors · #2F4156 · #567C8D · #F5EFEB · #C8D9E6 · #FFFFFF
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #2F4156 | 47 65 86 | 212° 29% 26% | |
| #567C8D | 86 124 141 | 199° 24% 45% | |
| #F5EFEB | 245 239 235 | 24° 33% 94% | |
| #C8D9E6 | 200 217 230 | 206° 38% 84% | |
| #FFFFFF | 255 255 255 | 0° 0% 100% |
Hex list
#2F4156, #567C8D, #F5EFEB, #C8D9E6, #FFFFFFCSS variables
:root {
--navy-teal-beige-1: #2F4156;
--navy-teal-beige-2: #567C8D;
--navy-teal-beige-3: #F5EFEB;
--navy-teal-beige-4: #C8D9E6;
--navy-teal-beige-5: #FFFFFF;
}Tailwind v4
@theme {
--color-navy-teal-beige-1: #2F4156;
--color-navy-teal-beige-2: #567C8D;
--color-navy-teal-beige-3: #F5EFEB;
--color-navy-teal-beige-4: #C8D9E6;
--color-navy-teal-beige-5: #FFFFFF;
}JSON
{
"name": "Navy Teal Beige",
"colors": [
"#2F4156",
"#567C8D",
"#F5EFEB",
"#C8D9E6",
"#FFFFFF"
],
"source": null
}