PalettesPastel Lavender

Palette

Pastel Lavender

Soft lavenders glide to deep violets, offering gentle tranquility and dreamy pastel allure.

Color analysis

Palette profile

This 10-color palette is cool-led with a balanced character and moderate tonal range. Its internal colors provide 1 pair at or above the 4.5:1 contrast target for normal text.

Temperature

Cool-led

Color character

Balanced

Lightness span

38%

Accessible pairs

1 / 45

Colors

Violet DEC9E9#DEC9E9A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(222, 201, 233)HSLhsl(279.4, 42.1%, 85.1%)CMYKcmyk(4.7%, 13.7%, 0%, 8.6%)LABlab(83.54, 13.07, -13.12)

Violet DAC3E8#DAC3E8A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(218, 195, 232)HSLhsl(277.3, 44.6%, 83.7%)CMYKcmyk(6%, 15.9%, 0%, 9%)LABlab(81.71, 14.77, -15.36)

Violet D2B7E5#D2B7E5A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(210, 183, 229)HSLhsl(275.2, 46.9%, 80.8%)CMYKcmyk(8.3%, 20.1%, 0%, 10.2%)LABlab(78.01, 18.04, -19.4)

Violet C19EE0#C19EE0A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(193, 158, 224)HSLhsl(271.8, 51.6%, 74.9%)CMYKcmyk(13.8%, 29.5%, 0%, 12.2%)LABlab(70.3, 25.29, -28.58)

Violet B185DB#B185DBA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(177, 133, 219)HSLhsl(270.7, 54.4%, 69%)CMYKcmyk(19.2%, 39.3%, 0%, 14.1%)LABlab(62.71, 33.25, -37.7)

Violet A06CD5#A06CD5A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(160, 108, 213)HSLhsl(269.7, 55.6%, 62.9%)CMYKcmyk(24.9%, 49.3%, 0%, 16.5%)LABlab(55.08, 41, -46.46)

Violet 9163CB#9163CBA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(145, 99, 203)HSLhsl(266.5, 50%, 59.2%)CMYKcmyk(28.6%, 51.2%, 0%, 20.4%)LABlab(50.98, 39.62, -47.37)

Violet 815AC0#815AC0A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(129, 90, 192)HSLhsl(262.9, 44.7%, 55.3%)CMYKcmyk(32.8%, 53.1%, 0%, 24.7%)LABlab(46.69, 37.8, -47.98)

Violet 7251B5#7251B5A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(114, 81, 181)HSLhsl(259.8, 40.3%, 51.4%)CMYKcmyk(37%, 55.2%, 0%, 29%)LABlab(42.46, 36.33, -48.43)

Violet 6247AA#6247AAA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(98, 71, 170)HSLhsl(256.4, 41.1%, 47.3%)CMYKcmyk(42.4%, 58.2%, 0%, 33.3%)LABlab(37.85, 35.32, -49.42)

Meaning

WinterWedding

Psychology

ImaginationDepthCalmPrecisionMovementEnergy

Usage

Seasonal UI ThemesPromo LayoutsInvitationsEditorial Systems

Violet DEC9E9

#DEC9E9

Black text

13.64:1AAA

White text

1.54:1Fail

Support

Violet DAC3E8

#DAC3E8

Black text

12.95:1AAA

White text

1.62:1Fail

Support

Violet D2B7E5

#D2B7E5

Black text

11.65:1AAA

White text

1.80:1Fail

Support

Violet C19EE0

#C19EE0

Black text

9.23:1AAA

White text

2.27:1Fail

Support

Violet B185DB

#B185DB

Black text

7.25:1AAA

White text

2.90:1Fail

Accent

Violet A06CD5

#A06CD5

Black text

5.60:1AA

White text

3.75:1AA Large

Support

Violet 9163CB

#9163CB

Black text

4.85:1AA

White text

4.33:1AA Large

Support

Violet 815AC0

#815AC0

Black text

4.16:1AA Large

White text

5.05:1AA

Support

Violet 7251B5

#7251B5

Black text

3.56:1AA Large

White text

5.90:1AA

Anchor

Violet 6247AA

#6247AA

Black text

3.00:1AA Large

White text

7.00:1AAA

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#6247AA on #DEC9E94.54:1 · AA

Color vision previews

Approximate simulations help reveal swatches that may become difficult to distinguish.

Protanopia

Reduced sensitivity to red light.

Deuteranopia

Reduced sensitivity to green light.

Tritanopia

Reduced sensitivity to blue light.

Achromatopsia

A grayscale approximation without hue perception.

CSS variables

Copy this palette as reusable custom properties for a design system or prototype.

:root {
  --palette-1: #DEC9E9;
  --palette-2: #DAC3E8;
  --palette-3: #D2B7E5;
  --palette-4: #C19EE0;
  --palette-5: #B185DB;
  --palette-6: #A06CD5;
  --palette-7: #9163CB;
  --palette-8: #815AC0;
  --palette-9: #7251B5;
  --palette-10: #6247AA;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.