6 colors · #FFD6DA · #FFC6D0 · #E1F7E7 · #D1EAF5 · #C3D6F2 · #768CCE
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FFD6DA | 255 214 218 | 354° 100% 92% | |
| #FFC6D0 | 255 198 208 | 349° 100% 89% | |
| #E1F7E7 | 225 247 231 | 136° 58% 93% | |
| #D1EAF5 | 209 234 245 | 198° 64% 89% | |
| #C3D6F2 | 195 214 242 | 216° 64% 86% | |
| #768CCE | 118 140 206 | 225° 47% 64% |
Hex list
#FFD6DA, #FFC6D0, #E1F7E7, #D1EAF5, #C3D6F2, #768CCECSS variables
:root {
--soft-aurora-1: #FFD6DA;
--soft-aurora-2: #FFC6D0;
--soft-aurora-3: #E1F7E7;
--soft-aurora-4: #D1EAF5;
--soft-aurora-5: #C3D6F2;
--soft-aurora-6: #768CCE;
}Tailwind v4
@theme {
--color-soft-aurora-1: #FFD6DA;
--color-soft-aurora-2: #FFC6D0;
--color-soft-aurora-3: #E1F7E7;
--color-soft-aurora-4: #D1EAF5;
--color-soft-aurora-5: #C3D6F2;
--color-soft-aurora-6: #768CCE;
}JSON
{
"name": "Soft Aurora",
"colors": [
"#FFD6DA",
"#FFC6D0",
"#E1F7E7",
"#D1EAF5",
"#C3D6F2",
"#768CCE"
],
"source": null
}