Pastel · curated

Lilac Milk

Lilac Milk is a curated dreamy, tender, modern system designed to move from expressive brand color to dependable surface and text roles.

Color values

Lilac Milk Primary · primary

HEX #C8A2C8

RGB 200, 162, 200

HSL 300°, 26%, 71%

On white 2.22:1 · on black 9.46:1

Lilac Milk Secondary · secondary

HEX #AFCBFF

RGB 175, 203, 255

HSL 219°, 100%, 84%

On white 1.64:1 · on black 12.81:1

Lilac Milk Accent · accent

HEX #F9C6D0

RGB 249, 198, 208

HSL 348°, 81%, 88%

On white 1.50:1 · on black 14.02:1

Lilac Milk Background · background

HEX #FDFBFF

RGB 253, 251, 255

HSL 270°, 100%, 99%

On white 1.03:1 · on black 20.42:1

Lilac Milk Text · text

HEX #3A3846

RGB 58, 56, 70

HSL 249°, 11%, 25%

On white 11.45:1 · on black 1.83:1

Text contrast between these colors

WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.

Aa Sample text
11.13:1AAA
Aa Sample text
7.64:1AAA
Aa Sample text
6.98:1AA
Aa Sample text
5.16:1AA
Aa Sample text
2.16:1Decorative only
Aa Sample text
1.59:1Decorative only
Aa Sample text
1.48:1Decorative only
Aa Sample text
1.46:1Decorative only

Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.