"Butter Cobalt Amethyst Sun" Color Palette
Create palette1. #F1E58A
- HEX
- #F1E58A
- RGB
- 241, 229, 138
- HSL
- 53.01°, 78.63%, 74.31%
- OKLCH
- 0.9120, 0.1131, 101.78°
- CMYK
- 0.00%, 4.98%, 42.74%, 5.49%
- Temp.
- Warm
- Brightness
- 87.14%
- Text color
- #111827
2. #4C5374
- HEX
- #4C5374
- RGB
- 76, 83, 116
- HSL
- 229.50°, 20.83%, 37.65%
- OKLCH
- 0.4500, 0.0549, 274.76°
- CMYK
- 34.48%, 28.45%, 0.00%, 54.51%
- Temp.
- Cool
- Brightness
- 33.20%
- Text color
- #F7FFFF
3. #71647C
- HEX
- #71647C
- RGB
- 113, 100, 124
- HSL
- 272.50°, 10.71%, 43.92%
- OKLCH
- 0.5241, 0.0402, 309.38°
- CMYK
- 8.87%, 19.35%, 0.00%, 51.37%
- Temp.
- Cool
- Brightness
- 41.81%
- Text color
- #F7FFFF
4. #D0F0F7
- HEX
- #D0F0F7
- RGB
- 208, 240, 247
- HSL
- 190.77°, 70.91%, 89.22%
- OKLCH
- 0.9342, 0.0347, 212.37°
- CMYK
- 15.79%, 2.83%, 0.00%, 3.14%
- Temp.
- Cool
- Brightness
- 90.68%
- Text color
- #111827
CSS variables for Butter Cobalt Amethyst Sun palette
Copy these custom properties into your stylesheet to use the palette in its displayed order. Reference a color with var(--palette-1), for example: color: var(--palette-1);
:root {
--palette-1: #F1E58A;
--palette-2: #4C5374;
--palette-3: #71647C;
--palette-4: #D0F0F7;
}