Violet

Colors that go with violet

Violet (#8F00FF) is a medium, vivid purple. Colors that go well with violet include Venomous Green (#70FF00), Sour Yellow (#F0FF00), Blue (#0F00FF), Barbara (#FF00F0), Mango Madness (#FF8F00). For a safe, polished look, pair violet with a soft off-white like #F6F3FF and a deep neutral like #1D162B; for contrast, add a touch of its complement #70FF00.

Best colors to pair with violet

  • ComplementaryVenomous Green #70FF00

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

  • Split complementarySour Yellow #F0FF00

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

  • AnalogousBlue #0F00FF

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

  • AnalogousBarbara #FF00F0

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

  • TriadicMango Madness #FF8F00

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

  • Light neutralCloud Break #F6F3FF

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

  • Dark neutralDark Knight #1D162B

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

  • GrayIn the Twilight #88868E

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

Violet color palettes

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

From our palette library

Text and backgrounds with violet

AaText on a violet background
5.81:1GoodWhite text on #8F00FF
AaViolet text on a light background
5.81:1Good#8F00FF text on #FFFFFF

Check any other pair with the contrast checker.

FAQ

What colors go with violet?

Venomous Green (#70FF00), Sour Yellow (#F0FF00), Blue (#0F00FF), Barbara (#FF00F0), Mango Madness (#FF8F00) go well with violet. Neutrals such as #F6F3FF and #1D162B are the easiest companions, and #70FF00 adds bold contrast as its complementary color.

What is the complementary color of violet?

The complementary color of violet (#8F00FF) is #70FF00 (Venomous Green), which sits opposite it on the color wheel.

What neutral colors go with violet?

Off-whites, creams and grays with a slight violet tint, such as #F6F3FF and #88868E, plus a deep near-black like #1D162B. Tinted neutrals look more cohesive than pure white, gray or black.

What text color should I use on violet?

White text on #8F00FF has a contrast ratio of 5.81:1 (good). For violet text, use a background like #FFFFFF (5.81:1, good).

Is violet a warm or cool color?

Violet is a cool color in the purple family.

More purple colors

All colors