5 colors · #2F5962 · #FFF4B2 · #D69C2F · #A13A34 · #55090C
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #2F5962 | 47 89 98 | 191° 35% 28% | |
| #FFF4B2 | 255 244 178 | 51° 100% 85% | |
| #D69C2F | 214 156 47 | 39° 67% 51% | |
| #A13A34 | 161 58 52 | 3° 51% 42% | |
| #55090C | 85 9 12 | 358° 81% 18% |
Hex list
#2F5962, #FFF4B2, #D69C2F, #A13A34, #55090CCSS variables
:root {
--warm-arches-1: #2F5962;
--warm-arches-2: #FFF4B2;
--warm-arches-3: #D69C2F;
--warm-arches-4: #A13A34;
--warm-arches-5: #55090C;
}Tailwind v4
@theme {
--color-warm-arches-1: #2F5962;
--color-warm-arches-2: #FFF4B2;
--color-warm-arches-3: #D69C2F;
--color-warm-arches-4: #A13A34;
--color-warm-arches-5: #55090C;
}JSON
{
"name": "Warm Arches",
"colors": [
"#2F5962",
"#FFF4B2",
"#D69C2F",
"#A13A34",
"#55090C"
],
"source": null
}