5 colors · #01204E · #028391 · #F6DCAC · #FAA968 · #F85525
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #01204E | 1 32 78 | 216° 97% 15% | |
| #028391 | 2 131 145 | 186° 97% 29% | |
| #F6DCAC | 246 220 172 | 39° 80% 82% | |
| #FAA968 | 250 169 104 | 27° 94% 69% | |
| #F85525 | 248 85 37 | 14° 94% 56% |
Hex list
#01204E, #028391, #F6DCAC, #FAA968, #F85525CSS variables
:root {
--warm-rainbow-1: #01204E;
--warm-rainbow-2: #028391;
--warm-rainbow-3: #F6DCAC;
--warm-rainbow-4: #FAA968;
--warm-rainbow-5: #F85525;
}Tailwind v4
@theme {
--color-warm-rainbow-1: #01204E;
--color-warm-rainbow-2: #028391;
--color-warm-rainbow-3: #F6DCAC;
--color-warm-rainbow-4: #FAA968;
--color-warm-rainbow-5: #F85525;
}JSON
{
"name": "Warm Rainbow",
"colors": [
"#01204E",
"#028391",
"#F6DCAC",
"#FAA968",
"#F85525"
],
"source": null
}