Periwinkle Color
Hex Code: #CCCCFF · purple
About Periwinkle
Periwinkle is a soft lavender-blue that sits precisely on the border between blue and purple, named after the small flowering plant Vinca minor. It is one of the most balanced and harmonious blends of warm and cool tones, managing to feel simultaneously dreamy and gentle. Periwinkle gained significant cultural momentum in recent years as a digital favorite, with variations of it trending across fashion, interior design, and digital art.
Is Periwinkle Right for Your Project?
Choose Periwinkle for
Periwinkle is a versatile color that works in both digital and print design. It pairs beautifully with soft white, pale yellow, dusty rose, and light coral. Popular for dreamy aesthetic content, soft fashion, gentle tech branding, and any design that needs to feel light and slightly otherworldly. It shows up in 4 palettes in Colortion's library spanning a playful, calm range of moods.
Look elsewhere for
Budget or utilitarian branding — purple carries a luxury association that clashes with a no-frills feel. Browse all colors to find a hue with a better fit.
Periwinkle Tints & Shades
Lighter and darker variants of Periwinkle — useful for hover states, borders, and backgrounds that need to stay in the same color family.
Periwinkle Color Harmonies
Other hues computed from Periwinkle's position on the color wheel — a fast starting point for a palette built around this color.
Complementary
Analogous
Triadic
Tetradic
Color Palettes with Periwinkle
Colors That Go With Periwinkle
These colors complement Periwinkle beautifully in design projects.
How to Use Periwinkle in Design
Periwinkle is a versatile color that works in both digital and print design. It pairs beautifully with soft white, pale yellow, dusty rose, and light coral. Popular for dreamy aesthetic content, soft fashion, gentle tech branding, and any design that needs to feel light and slightly otherworldly.
Purples span a huge lightness range, so what works for a pale lavender fails completely for a deep violet — verify per shade. Use #CCCCFF ( hsl(240, 100%, 90%)) directly in CSS or your design tool — for print, ask your printer for the closest CMYK or Pantone match before production.
Periwinkle is most often paired with Dusty Rose. Start from #CCCCFF in the Colortion generator and build outward from there rather than starting from scratch.
Similar Colors
All colorsHow Periwinkle Compares
Side-by-side hex, RGB, and lightness values against the closest colors in the library.
| Color | Hex | Lightness |
|---|---|---|
| Periwinkle (this page) | #CCCCFF | 90% |
| Lavender | #B89AC4 | 69% |
| Mauve | #A87EA8 | 58% |
| Slate Blue | #6A9AB8 | 57% |
| Burgundy | #800020 | 25% |
| Blush Pink | #F9C6C6 | 88% |
Frequently Asked Questions
What is the hex code for Periwinkle?
The hex code for Periwinkle is #CCCCFF. The RGB value is rgb(204, 204, 255) and the HSL value is hsl(240, 100%, 90%).
What colors go with Periwinkle?
Periwinkle pairs well with Dusty Rose — see the tints, shades, and comparison table below for exact values to build from.
What is Periwinkle used for in design?
Periwinkle is a versatile color that works in both digital and print design. It pairs beautifully with soft white, pale yellow, dusty rose, and light coral. Popular for dreamy aesthetic content, soft fashion, gentle tech branding, and any design that needs to feel light and slightly otherworldly.