Periwinkle #CCCCFF

Periwinkle is a pale blue-violet, commonly listed as #CCCCFF. It is very light and cool with gentle saturation, so it feels soft and airy. It takes its name from the small periwinkle flower and feels dreamy and springlike, a favorite for pastel stationery and garden weddings.

There is no CSS keyword for periwinkle. #CCCCFF is a common value; other sources list it a little grayer or bluer, so treat periwinkle as a family of pale blue-violets.

#CCCCFF

Periwinkle color codes
HEX	`#CCCCFF`
RGB	`rgb(204, 204, 255)`
HSL	`hsl(240, 100%, 90%)`
HSV	`hsv(240, 20%, 100%)`
CMYK	`cmyk(20%, 20%, 0%, 0%)`

Make a palette with Periwinkle What goes with it

Text on Periwinkle

Black text reads better on Periwinkle. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

1.53:1 · Fail

Black text

The quick brown fox jumps over the lazy dog.

13.64:1 · AAA

Colors that go with Periwinkle

#000080Navy BlueDeep, readable partner within the same cool family.#FFF44FLemon YellowNear-complement that makes periwinkle look brighter.#FF7F50CoralWarm pop for spring and summer palettes.#FFFFFFWhiteFresh, airy combination for stationery and UI.#808080GrayMuted neutral that keeps it calm and modern.

Periwinkle tints and shades

Tints mix Periwinkle with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#D4D4FF

#DBDBFF

#E3E3FF

#EBEBFF

#F2F2FF

Shades

#ADADD9

#8F8FB3

#70708C

#525266

#333340

Periwinkle color schemes

Color-wheel harmonies built by rotating the hue of #CCCCFF and keeping its saturation and lightness.

Complementary

#CCCCFF

#FFFFCC

Analogous

#CCE6FF

#CCCCFF

#E6CCFF

Triadic

#CCCCFF

#FFCCCC

#CCFFCC

Split complementary

#CCCCFF

#FFE6CC

#E6FFCC

Tetradic

#CCCCFF

#FFCCE6

#FFFFCC

#CCFFE6

Periwinkle color meaning

Periwinkle sits right on the border between blue and purple, and people often argue about which side it belongs to. That in-between quality is part of its appeal: it has the calm of blue and the imagination of lavender, without committing to either.

The flower it is named after is a low, spreading groundcover with small blue-violet blooms, common in gardens. The color shares that modest, cheerful character, and it often turns up in spring garden and wedding palettes.

Pantone gave periwinkle a fresh profile when it named Very Peri, a deeper periwinkle-based shade, its Color of the Year for 2022. Pantone tied that choice to digital creativity, and it helped push periwinkle into tech branding, gaming graphics, and fashion beyond its traditional home in pastel palettes.

How to use Periwinkle in design

Periwinkle is light enough that it needs dark text. Navy, charcoal, or deep purple all read clearly; white text does not. It works as a soft background for landing pages, illustration fills, and stationery, and it brings a friendlier tone than a standard light gray.

In fashion it suits spring dresses, knitwear, and accessories. In interiors, periwinkle walls can look gray in dim north light, so test a swatch first. Warm accents such as butter yellow or coral keep it lively.

Palettes with Periwinkle tones

Curated palettes with a color close to #CCCCFF.

Denim Monochrome Ice Dusk Bluebell Violet Bloom Storm Cloud

Colors similar to Periwinkle

#ADD8E6Light Blue #D3D3D3Light Gray #E0B0FFMauve #B0E0E6Powder Blue #AEC6CFPastel Blue #89CFF0Baby Blue

Work with Periwinkle

Palette generatorBuild a palette around #CCCCFF Contrast checkerTest text on this color Tint and shade generatorA full scale for CSS or Tailwind Color wheelEvery harmony for this hue Color pickerAdjust it and convert formats Color mixerBlend it with another color

Periwinkle FAQ

Is periwinkle blue or purple?

It sits on the line between them. The #CCCCFF value is technically a very pale blue, but because it is so light and soft, most people see a lavender tint in it. Next to true blues it looks violet, and next to purples it looks blue. Most color guides file it with the blues.

What colors go with periwinkle?

Yellow is its natural partner because it sits nearly opposite on the color wheel; butter or lemon yellow both work. Navy adds depth and readable text. Coral and peach bring warmth, while white, gray, and soft silver keep periwinkle airy for stationery, weddings, and calm interfaces.