Cinnamon SolaceA study in color.
Start with the whole. Fall for the details.
Charcoal
Lightness
One color.
More possibilities.
RGB 5, 5, 3 · HSL 60°, 25%, 1.6%. 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 #050503.
Every shade.
A new perspective.
#05050320.40:1 · AAA03 Profile & contrast
- CIELAB · D65
- 1.3, -0.3, 0.8
- Relative luminance
- 0.0015
- HSL saturation
- 25%
- HSL lightness
- 1.6%
Aa On white · 20.40:1 · AAA
Aa On black · 1.03: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: #CFE0D6 at 14.85:1.
Pearl
Lightness
One color.
More possibilities.
RGB 211, 209, 204 · HSL 42.9°, 7.4%, 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 #D3D1CC.
Every shade.
A new perspective.
#D3D1CC13.76:1 · AAA03 Profile & contrast
- CIELAB · D65
- 83.9, -0.2, 2.7
- Relative luminance
- 0.6381
- HSL saturation
- 7.4%
- HSL lightness
- 81.4%
Aa On white · 1.53:1 · Below AA
Aa On black · 13.76: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: #050503 at 13.37:1.
Vivid Green
Lightness
One color.
More possibilities.
RGB 61, 150, 18 · HSL 100.5°, 78.6%, 32.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 #3D9612.
Every shade.
A new perspective.
#3D96125.57:1 · AA03 Profile & contrast
- CIELAB · D65
- 54.9, -48.5, 54.2
- Relative luminance
- 0.2285
- HSL saturation
- 78.6%
- HSL lightness
- 32.9%
Aa On white · 3.77:1 · Below AA
Aa On black · 5.57: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: #050503 at 5.41:1.
Pearl
Lightness
One color.
More possibilities.
RGB 207, 224, 214 · HSL 144.7°, 21.5%, 84.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 #CFE0D6.
Every shade.
A new perspective.
#CFE0D615.29:1 · AAA03 Profile & contrast
- CIELAB · D65
- 87.7, -7.5, 2.9
- Relative luminance
- 0.7143
- HSL saturation
- 21.5%
- HSL lightness
- 84.5%
Aa On white · 1.37:1 · Below AA
Aa On black · 15.29: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: #050503 at 14.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 ↗