Mocha SymphonyA study in color.
Start with the whole. Fall for the details.
Pale Amber
Lightness
One color.
More possibilities.
RGB 217, 132, 96 · HSL 17.9°, 61.4%, 61.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 #D98460.
Every shade.
A new perspective.
#D984607.42:1 · AAA03 Profile & contrast
- CIELAB · D65
- 63.4, 29.1, 33.2
- Relative luminance
- 0.321
- HSL saturation
- 61.4%
- HSL lightness
- 61.4%
Aa On white · 2.83:1 · Below AA
Aa On black · 7.42: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: #ECC8C0 at 1.83:1.
Soft Electric Emerald
Lightness
One color.
More possibilities.
RGB 0, 173, 0 · HSL 120°, 100%, 33.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 #00AD00.
Every shade.
A new perspective.
#00AD006.98:1 · AA03 Profile & contrast
- CIELAB · D65
- 61.6, -64.4, 62.2
- Relative luminance
- 0.2989
- HSL saturation
- 100%
- HSL lightness
- 33.9%
Aa On white · 3.01:1 · Below AA
Aa On black · 6.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: #ECC8C0 at 1.95:1.
Ice Orange
Lightness
One color.
More possibilities.
RGB 236, 200, 192 · HSL 10.9°, 53.7%, 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 #ECC8C0.
Every shade.
A new perspective.
#ECC8C013.59:1 · AAA03 Profile & contrast
- CIELAB · D65
- 83.4, 11.5, 8.7
- Relative luminance
- 0.6295
- HSL saturation
- 53.7%
- HSL lightness
- 83.9%
Aa On white · 1.55:1 · Below AA
Aa On black · 13.59: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: #C77E10 at 2.12:1.
Yellow
Lightness
One color.
More possibilities.
RGB 199, 126, 16 · HSL 36.1°, 85.1%, 42.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 #C77E10.
Every shade.
A new perspective.
#C77E106.42:1 · AA03 Profile & contrast
- CIELAB · D65
- 59.1, 21, 62.5
- Relative luminance
- 0.271
- HSL saturation
- 85.1%
- HSL lightness
- 42.2%
Aa On white · 3.27:1 · Below AA
Aa On black · 6.42: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: #ECC8C0 at 2.12: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 ↗