Cloud GraceA study in color.
Start with the whole. Fall for the details.
Gray
Lightness
One color.
More possibilities.
RGB 125, 121, 120 · HSL 12°, 2%, 48%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #7D7978.
Every shade.
A new perspective.
#7D79784.88:1 · AA03 Profile & contrast
- CIELAB · D65
- 51.1, 1.3, 1.1
- Relative luminance
- 0.1939
- HSL saturation
- 2%
- HSL lightness
- 48%
Aa On white · 4.30:1 · Below AA
Aa On black · 4.88:1 · AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #B3E3F9 at 3.13:1.
Cream Soft Blue
Lightness
One color.
More possibilities.
RGB 179, 227, 249 · HSL 198.9°, 85.4%, 83.9%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #B3E3F9.
Every shade.
A new perspective.
#B3E3F915.27:1 · AAA03 Profile & contrast
- CIELAB · D65
- 87.7, -10.5, -15.7
- Relative luminance
- 0.7136
- HSL saturation
- 85.4%
- HSL lightness
- 83.9%
Aa On white · 1.38:1 · Below AA
Aa On black · 15.27:1 · AAA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #7D7978 at 3.13:1.
Light Soft Yellow
Lightness
One color.
More possibilities.
RGB 188, 148, 118 · HSL 25.7°, 34.3%, 60%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #BC9476.
Every shade.
A new perspective.
#BC94767.64:1 · AAA03 Profile & contrast
- CIELAB · D65
- 64.3, 10.9, 21.6
- Relative luminance
- 0.3318
- HSL saturation
- 34.3%
- HSL lightness
- 60%
Aa On white · 2.75:1 · Below AA
Aa On black · 7.64:1 · AAA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #B3E3F9 at 2.00:1.
Pearl
Lightness
One color.
More possibilities.
RGB 209, 210, 212 · HSL 220°, 3.4%, 82.5%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #D1D2D4.
Every shade.
A new perspective.
#D1D2D413.88:1 · AAA03 Profile & contrast
- CIELAB · D65
- 84.2, 0, -1.1
- Relative luminance
- 0.644
- HSL saturation
- 3.4%
- HSL lightness
- 82.5%
Aa On white · 1.51:1 · Below AA
Aa On black · 13.88:1 · AAA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #7D7978 at 2.85:1.
Give these colors
somewhere to live.
Try the complete palette in QRCO’s brand, type and interface previews. Keep the colors you love and explore the rest.
Use this palette ↗