Home Color Palettes 4-Color Liliac Palette

4-Color Liliac Palette

4-color palette · Cool · Light · Analogous harmony

Back to Library

4-Color Liliac Palette

4-color palette · Cool temperature · Light tone · Analogous harmony

Modify

Pastel 4 colors Cool Light Analogous

Likes 10,367

Colors 4

CSS variables

:root {
  --c-pastel-1: #B799FF;
  --c-pastel-2: #ACBCFF;
  --c-pastel-3: #AEE2FF;
  --c-pastel-4: #E6FFFD;
}

About this palette

This 4-color pastel palette runs from Bubbles (#E6FFFD) as its lightest tone to Liliac (#B799FF) as its darkest. It blends Liliac, Pastel Blue, Frozen Landscape and Bubbles into a single set you can drop straight into a UI. None of the 6 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

Gentle, low-saturation tones — ideal for wedding sites, baby brands, soft hero sections, and editorial layouts that lead with whitespace.

Color breakdown

Liliac #B799FF

RGB: rgb(183, 153, 255)
HSL: hsl(258, 100%, 80%)
Luminance: 0.401

Pastel Blue #ACBCFF

RGB: rgb(172, 188, 255)
HSL: hsl(228, 100%, 84%)
Luminance: 0.520

Frozen Landscape #AEE2FF

RGB: rgb(174, 226, 255)
HSL: hsl(201, 100%, 84%)
Luminance: 0.706

Bubbles #E6FFFD

RGB: rgb(230, 255, 253)
HSL: hsl(175, 100%, 95%)
Luminance: 0.954

Contrast & accessibility

0 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #B799FF on #E6FFFD 2.23:1 Fail

Aa #ACBCFF on #E6FFFD 1.76:1 Fail

Aa #B799FF on #AEE2FF 1.68:1 Fail

Aa #ACBCFF on #AEE2FF 1.33:1 Fail

Aa #AEE2FF on #E6FFFD 1.33:1 Fail

Aa #B799FF on #ACBCFF 1.26:1 Fail

Similar palettes

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE

4 colors

#F4EEFF #DCD6F7 #A6B1E1 #424874

4 colors

#B1B2FF #AAC4FF #D2DAFF #EEF1FF

4 colors

#6096B4 #93BFCF #BDCDD6 #EEE9DA

4 colors

#A8D8EA #AA96DA #FCBAD3 #FFFFD2

4 colors

#DEFCF9 #CADEFC #C3BEF0 #CCA8E9

4 colors

#F7FBFC #D6E6F2 #B9D7EA #769FCD

4 colors

#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4

4 colors