5 colors · #774F38 · #E08E79 · #F1D4AF · #ECE5CE · #C5E0DC
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #774F38 | 119 79 56 | 22° 36% 34% | |
| #E08E79 | 224 142 121 | 12° 62% 68% | |
| #F1D4AF | 241 212 175 | 34° 70% 82% | |
| #ECE5CE | 236 229 206 | 46° 44% 87% | |
| #C5E0DC | 197 224 220 | 171° 30% 83% |
Hex list
#774F38, #E08E79, #F1D4AF, #ECE5CE, #C5E0DCCSS variables
:root {
--cordial-1: #774F38;
--cordial-2: #E08E79;
--cordial-3: #F1D4AF;
--cordial-4: #ECE5CE;
--cordial-5: #C5E0DC;
}Tailwind v4
@theme {
--color-cordial-1: #774F38;
--color-cordial-2: #E08E79;
--color-cordial-3: #F1D4AF;
--color-cordial-4: #ECE5CE;
--color-cordial-5: #C5E0DC;
}JSON
{
"name": "Cordial",
"colors": [
"#774F38",
"#E08E79",
"#F1D4AF",
"#ECE5CE",
"#C5E0DC"
],
"source": "https://www.colorpoint.io/color-palette/cordial/"
}