qrcoA little theory. A new perspective.
THE COLOR STUDIES · 6 COLORS

Pastel Study — Marshmallow EchoA study in color.

Start with the whole. Fall for the details.

6 colors / QRCO collectionLightest #D3D0E1 · Darkest #A0C8A4
COLOR 01 / 06

Muted Green

#A0C8A4L* 77
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 160, 200, 164 · HSL 126°, 26.7%, 70.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 #A0C8A4.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#A0C8A411.29:1 · AAA
03 Profile & contrast
CIELAB · D65
77, -20.3, 13.7
Relative luminance
0.5146
HSL saturation
26.7%
HSL lightness
70.6%

Aa On white · 1.86:1 · Below AA

Aa On black · 11.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: #D3D0E1 at 1.23:1.

COLOR 02 / 06

Light Teal

#ACCDC4L* 79.9
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 172, 205, 196 · HSL 163.6°, 24.8%, 73.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 #ACCDC4.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#ACCDC412.28:1 · AAA
03 Profile & contrast
CIELAB · D65
79.9, -12.8, 0.8
Relative luminance
0.5642
HSL saturation
24.8%
HSL lightness
73.9%

Aa On white · 1.71:1 · Below AA

Aa On black · 12.28: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: #D3D0E1 at 1.13:1.

COLOR 03 / 06

Light Cyan

#A5CCCFL* 79.4
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 165, 204, 207 · HSL 184.3°, 30.4%, 72.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 #A5CCCF.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#A5CCCF12.14:1 · AAA
03 Profile & contrast
CIELAB · D65
79.4, -12.2, -5.8
Relative luminance
0.5569
HSL saturation
30.4%
HSL lightness
72.9%

Aa On white · 1.73:1 · Below AA

Aa On black · 12.14: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: #D3D0E1 at 1.14:1.

COLOR 04 / 06

Light Cyan

#B1D3E3L* 82.6
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 177, 211, 227 · HSL 199.2°, 47.2%, 79.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 #B1D3E3.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#B1D3E313.30:1 · AAA
03 Profile & contrast
CIELAB · D65
82.6, -7.8, -11.6
Relative luminance
0.6148
HSL saturation
47.2%
HSL lightness
79.2%

Aa On white · 1.58:1 · Below AA

Aa On black · 13.30: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: #A0C8A4 at 1.18:1.

COLOR 05 / 06

Light Blue

#C4D1E2L* 83.4
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 196, 209, 226 · HSL 214°, 34.1%, 82.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 #C4D1E2.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#C4D1E213.57:1 · AAA
03 Profile & contrast
CIELAB · D65
83.4, -1, -9.9
Relative luminance
0.6283
HSL saturation
34.1%
HSL lightness
82.7%

Aa On white · 1.55:1 · Below AA

Aa On black · 13.57: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: #A0C8A4 at 1.20:1.

COLOR 06 / 06

Light Violet

#D3D0E1L* 84.2
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 211, 208, 225 · HSL 250.6°, 22.1%, 84.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 #D3D0E1.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#D3D0E113.88:1 · AAA
03 Profile & contrast
CIELAB · D65
84.2, 4.2, -8
Relative luminance
0.644
HSL saturation
22.1%
HSL lightness
84.9%

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: #A0C8A4 at 1.23:1.

MAKE IT YOURS

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 ↗
KEEP EXPLORING

Another point of view.