Spiral Study — Butterscotch SuiteA study in color.
Start with the whole. Fall for the details.
Warm Brown
Lightness
One color.
More possibilities.
RGB 118, 98, 0 · HSL 49.8°, 100%, 23.1%. 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 #766200.
Every shade.
A new perspective.
#7662005.97:1 · AA03 Profile & contrast
- CIELAB · D65
- 42.1, -0.9, 49.2
- Relative luminance
- 0.1259
- HSL saturation
- 100%
- HSL lightness
- 23.1%
Aa On white · 5.97:1 · AA
Aa On black · 3.52:1 · Below 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: #CDFFCE at 5.34:1.
Cyan
Lightness
One color.
More possibilities.
RGB 2, 158, 189 · HSL 189.9°, 97.9%, 37.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 #029EBD.
Every shade.
A new perspective.
#029EBD6.63:1 · AA03 Profile & contrast
- CIELAB · D65
- 60, -23.3, -25.7
- Relative luminance
- 0.2814
- HSL saturation
- 97.9%
- HSL lightness
- 37.5%
Aa On white · 3.17:1 · Below AA
Aa On black · 6.63: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: #CDFFCE at 2.84:1.
Blush Pink
Lightness
One color.
More possibilities.
RGB 248, 172, 188 · HSL 347.4°, 84.4%, 82.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 #F8ACBC.
Every shade.
A new perspective.
#F8ACBC11.62:1 · AAA03 Profile & contrast
- CIELAB · D65
- 77.9, 30, 3.1
- Relative luminance
- 0.5309
- HSL saturation
- 84.4%
- HSL lightness
- 82.4%
Aa On white · 1.81:1 · Below AA
Aa On black · 11.62: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: #766200 at 3.30:1.
Light Green
Lightness
One color.
More possibilities.
RGB 205, 255, 206 · HSL 121.2°, 100%, 90.2%. 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 #CDFFCE.
Every shade.
A new perspective.
#CDFFCE18.79:1 · AAA03 Profile & contrast
- CIELAB · D65
- 95.6, -24.9, 18.3
- Relative luminance
- 0.8896
- HSL saturation
- 100%
- HSL lightness
- 90.2%
Aa On white · 1.12:1 · Below AA
Aa On black · 18.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: #766200 at 5.34: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 ↗