Vanilla CollectionA study in color.
Start with the whole. Fall for the details.
Indigo
Lightness
One color.
More possibilities.
RGB 0, 143, 222 · HSL 201.4°, 100%, 43.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 #008FDE.
Every shade.
A new perspective.
#008FDE5.98:1 · AA03 Profile & contrast
- CIELAB · D65
- 57, -3, -48.9
- Relative luminance
- 0.2492
- HSL saturation
- 100%
- HSL lightness
- 43.5%
Aa On white · 3.51:1 · Below AA
Aa On black · 5.98: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: #A4D8FB at 2.31:1.
Pearl Sapphire
Lightness
One color.
More possibilities.
RGB 164, 216, 251 · HSL 204.1°, 91.6%, 81.4%. 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 #A4D8FB.
Every shade.
A new perspective.
#A4D8FB13.79:1 · AAA03 Profile & contrast
- CIELAB · D65
- 83.9, -8.5, -22.5
- Relative luminance
- 0.6397
- HSL saturation
- 91.6%
- HSL lightness
- 81.4%
Aa On white · 1.52:1 · Below AA
Aa On black · 13.79: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: #9571AB at 2.64:1.
Soft Azure
Lightness
One color.
More possibilities.
RGB 56, 204, 237 · HSL 190.9°, 83.4%, 57.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 #38CCED.
Every shade.
A new perspective.
#38CCED11.03:1 · AAA03 Profile & contrast
- CIELAB · D65
- 76.2, -27.2, -27.2
- Relative luminance
- 0.5014
- HSL saturation
- 83.4%
- HSL lightness
- 57.5%
Aa On white · 1.90:1 · Below AA
Aa On black · 11.03: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: #9571AB at 2.11:1.
Rich Magenta
Lightness
One color.
More possibilities.
RGB 149, 113, 171 · HSL 277.2°, 25.7%, 55.7%. 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 #9571AB.
Every shade.
A new perspective.
#9571AB5.23:1 · AA03 Profile & contrast
- CIELAB · D65
- 53.1, 25.3, -25.6
- Relative luminance
- 0.2114
- HSL saturation
- 25.7%
- HSL lightness
- 55.7%
Aa On white · 4.02:1 · Below AA
Aa On black · 5.23: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: #A4D8FB at 2.64: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 ↗