5 colors · #F7EFE7 · #D1B18B · #729BA3 · #2E5A74 · #1B3A4B
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F7EFE7 | 247 239 231 | 30° 50% 94% | |
| #D1B18B | 209 177 139 | 33° 43% 68% | |
| #729BA3 | 114 155 163 | 190° 21% 54% | |
| #2E5A74 | 46 90 116 | 202° 43% 32% | |
| #1B3A4B | 27 58 75 | 201° 47% 20% |
Hex list
#F7EFE7, #D1B18B, #729BA3, #2E5A74, #1B3A4BCSS variables
:root {
--vintage-denim-1: #F7EFE7;
--vintage-denim-2: #D1B18B;
--vintage-denim-3: #729BA3;
--vintage-denim-4: #2E5A74;
--vintage-denim-5: #1B3A4B;
}Tailwind v4
@theme {
--color-vintage-denim-1: #F7EFE7;
--color-vintage-denim-2: #D1B18B;
--color-vintage-denim-3: #729BA3;
--color-vintage-denim-4: #2E5A74;
--color-vintage-denim-5: #1B3A4B;
}JSON
{
"name": "Vintage Denim",
"colors": [
"#F7EFE7",
"#D1B18B",
"#729BA3",
"#2E5A74",
"#1B3A4B"
],
"source": "https://samanthadigital.com/blue-color-palette/"
}