Periwinkle

Colors that go with periwinkle

Periwinkle (#CCCCFF) is a very light, muted purple. Colors that go well with periwinkle include Matt White (#FFFFCC), Bisque (#FFE6CC), Veiling Waterfalls (#CCE6FF), Neon Boneyard (#E6CCFF), Strawberry Ripple (#FFCCCC). For a safe, polished look, pair periwinkle with a soft off-white like #F4F4FC and a deep neutral like #1A1A23; for contrast, add a touch of its complement #FFFFCC.

Best colors to pair with periwinkle

  • ComplementaryMatt White #FFFFCC

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

  • Split complementaryBisque #FFE6CC

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

  • AnalogousVeiling Waterfalls #CCE6FF

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

  • AnalogousNeon Boneyard #E6CCFF

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

  • TriadicStrawberry Ripple #FFCCCC

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

  • Light neutralCotton Ball #F4F4FC

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

  • Dark neutralNight Demons #1A1A23

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

  • GrayTin #909098

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

Periwinkle color palettes

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

From our palette library

Text and backgrounds with periwinkle

AaText on a periwinkle background
13.65:1SuperBlack text on #CCCCFF
AaPeriwinkle text on a light background
13.65:1Super#CCCCFF text on #000000

Check any other pair with the contrast checker.

FAQ

What colors go with periwinkle?

Matt White (#FFFFCC), Bisque (#FFE6CC), Veiling Waterfalls (#CCE6FF), Neon Boneyard (#E6CCFF), Strawberry Ripple (#FFCCCC) go well with periwinkle. Neutrals such as #F4F4FC and #1A1A23 are the easiest companions, and #FFFFCC adds bold contrast as its complementary color.

What is the complementary color of periwinkle?

The complementary color of periwinkle (#CCCCFF) is #FFFFCC (Matt White), which sits opposite it on the color wheel.

What neutral colors go with periwinkle?

Off-whites, creams and grays with a slight periwinkle tint, such as #F4F4FC and #909098, plus a deep near-black like #1A1A23. Tinted neutrals look more cohesive than pure white, gray or black.

What text color should I use on periwinkle?

Black text on #CCCCFF has a contrast ratio of 13.65:1 (super). For periwinkle text, use a background like #000000 (13.65:1, super).

Is periwinkle a warm or cool color?

Periwinkle is a cool color in the purple family.

More purple colors

All colors