Lavender

Colors that go with lavender

Lavender (#E6E6FA) is a very light white. Colors that go well with lavender include Amnesiac White (#FAFAE6), Linen (#FAF0E6), Cotton Boll (#E6F0FA), Holographic Lavender (#F0E6FA), Tutu (#FAE6E6). For a safe, polished look, pair lavender with a soft off-white like #F5F5F8 and a deep neutral like #1A1A1E; for contrast, add a touch of its complement #FAFAE6.

Best colors to pair with lavender

  • ComplementaryAmnesiac White #FAFAE6

    Opposite lavender on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.

  • Split complementaryLinen #FAF0E6

    Sits next to lavender's complement: lively contrast with less tension than the direct opposite.

  • AnalogousCotton Boll #E6F0FA

    A neighbouring hue that blends naturally with lavender for calm, cohesive designs.

  • AnalogousHolographic Lavender #F0E6FA

    The neighbour on the other side of lavender — pair both for a soft, harmonious scheme.

  • TriadicTutu #FAE6E6

    One third of the way around the wheel from lavender: vibrant but balanced.

  • Light neutralFrench Porcelain #F5F5F8

    An off-white with a hint of lavender — an easy background that never feels stark.

  • Dark neutralCoco’s Black #1A1A1E

    A deep, lavender-tinted near-black for text and dark sections; softer than pure black.

  • GrayGrey Area #92929A

    A warm-or-cool gray matched to lavender for borders, captions and secondary UI.

Lavender color palettes

Each palette keeps #E6E6FA in the middle; open one in the generator to tweak it.

From our palette library

Text and backgrounds with lavender

AaText on a lavender background
17.06:1SuperBlack text on #E6E6FA
AaLavender text on a light background
17.06:1Super#E6E6FA text on #000000

Check any other pair with the contrast checker.

FAQ

What colors go with lavender?

Amnesiac White (#FAFAE6), Linen (#FAF0E6), Cotton Boll (#E6F0FA), Holographic Lavender (#F0E6FA), Tutu (#FAE6E6) go well with lavender. Neutrals such as #F5F5F8 and #1A1A1E are the easiest companions, and #FAFAE6 adds bold contrast as its complementary color.

What is the complementary color of lavender?

The complementary color of lavender (#E6E6FA) is #FAFAE6 (Amnesiac White), which sits opposite it on the color wheel.

What neutral colors go with lavender?

Off-whites, creams and grays with a slight lavender tint, such as #F5F5F8 and #92929A, plus a deep near-black like #1A1A1E. Tinted neutrals look more cohesive than pure white, gray or black.

What text color should I use on lavender?

Black text on #E6E6FA has a contrast ratio of 17.06:1 (super). For lavender text, use a background like #000000 (17.06:1, super).

Is lavender a warm or cool color?

Lavender is a neutral color in the white family.

More white colors

All colors