The Periwinkle Color Code: HEX, RGB, CMYK

Periwinkle color is a cool tertiary color that blends blue and violet into a soft, pastel blue-purple hue with RGB values around (204, 204, 255).

It sits between blue and purple-blue on the color wheel, carrying the calm of blue and the creativity of violet in equal measure.

Named after the Vinca minor flower, it first entered the English color vocabulary in 1922 and has held a quiet presence in design, fashion, and interiors ever since.

This guide covers everything: hex and color codes, shades, color psychology, pairings, and practical use across design mediums.

Periwinkle Color Codes

Periwinkle sits between blue and purple on the color theory spectrum, classified as a cool-toned tertiary color. Its standard reference values are:

• HEX: #CCCCFF
• RGB: 204, 204, 255
• CMYK: 20% cyan, 20% magenta, 0% yellow, 0% black
• HSL: 240deg, 100% saturation, 90% lightness

In the RGB color model, blue dominates at full 255 value, while red and green sit equally at 204. That balance is exactly what gives periwinkle its soft, washed-out blue-violet tone rather than leaning fully into either parent color.

For print work, those CMYK values mean no yellow and no black are used. It’s a clean ink mix. Keep in mind that the printed result can shift slightly depending on paper stock and printer calibration, so always run a test print before committing to a large job.

If you need to convert between formats, a RGB to HEX converter or a HEX to RGB converter will save you a lot of manual calculation. For print prep, the RGB to CMYK converter is worth bookmarking.

The hue angle sits at 240 degrees in both HSL and HSB, which places it squarely in the blue-violet zone. High lightness (90%) and full saturation at the HSL level explain why the color looks bright and airy rather than dull. The HSL to RGB converter is useful if you’re working in CSS and need exact values fast.

Pantone named a version of periwinkle its Color of the Year for 2022, calling it “Very Peri” (Pantone 17-3938). That specific shade leans slightly warmer and more violet compared to the standard #CCCCFF web reference, but it brought periwinkle into mainstream design conversation in a big way.

—

Periwinkle Color Palettes

Below are the main color harmony types for periwinkle (#CCCCFF), based on standard color theory relationships on the color wheel.

If you want to experiment further, a color palette generator lets you plug in #CCCCFF and instantly get variations across all harmony types. A color contrast checker is also worth running if you plan to use periwinkle for text or UI elements, since its high lightness value can create accessibility issues against white backgrounds.

—

Periwinkle Shades

Periwinkle encompasses several variations including pale periwinkle, true periwinkle, bright periwinkle, dark periwinkle, periwinkle powder, and dull periwinkle.

Each variation differs in saturation, brightness, and undertone, with some leaning lighter toward white and others shifting darker toward a muted violet, creating distinct aesthetic effects in applications.

—

What Are the Primary Attributes of Periwinkle?

Periwinkle possesses five primary attributes: cool-toned hue (derived from its blue-violet mix), high lightness (90% in HSL), low contrast (limiting dark-text legibility), soft saturation (creating a pastel quality), and strong cultural association with calm and creativity.

—

How Is Periwinkle Used in Interior Design?

Periwinkle functions as both an accent and a statement color in interior design, creating calm, airy spaces that feel larger and more open.

Designers use it for bedroom walls, upholstered furniture, and soft textiles in Scandinavian, coastal, and contemporary styles to build soothing environments that encourage rest and focus across rooms.

It works especially well paired with light wood, white or off-white, soft gray, and brass or gold accents. The pastel blue quality means it rarely overwhelms a room, even on all four walls. That said, artificial lighting pulls the purple undertones forward, so always sample it in both daylight and lamplight before committing.

For reference across related cool-toned palettes, check out these cool color palettes and light color palettes for pairing ideas.

—

What Psychology and Emotions Does Periwinkle Evoke?

Periwinkle evokes feelings of calmness, serenity, gentle optimism, and creative openness through its association with open skies, flowers, and quiet spaces.

Color psychology research indicates periwinkle reduces stress responses, lowers perceived heart rate, and creates soft environments that support focus and emotional balance.

The blue component brings trust and peace. The purple side adds a layer of spirituality and intuition. Together, they make a color that feels approachable without being demanding. In Chinese culture, the color is linked to longevity, and in African traditions it represents healing and protection. Well, the meanings do vary, but the calming read is pretty universal across contexts.

In branding, especially in wellness and meditation apps, periwinkle has become a go-to because it communicates calm without feeling clinical the way a flat blue sometimes does.

—

How Is Periwinkle Applied in Fashion and Clothing?

Periwinkle serves as both a seasonal trend and a near-wardrobe staple in fashion, offering a flattering, soft quality through dresses, knitwear, and tailoring.

Fashion designers use it for its cool-toned versatility, skin-flattering softness, and capacity to read as casual or formal depending on fabric and cut between seasons and occasions.

It became a major runway presence in spring/summer collections throughout the late 2010s and surged again after Pantone named “Very Peri” Color of the Year in 2022. It tends to appear in flowing fabrics, soft separates, and occasion wear more than in heavy outerwear. It reads particularly well against cooler, neutral, and olive skin undertones.

For broader color palette ideas around periwinkle in fashion contexts, pastel color palettes and spring color palettes are solid starting points.

—

What Colors Complement and Contrast With Periwinkle?

Periwinkle complements soft yellow, gold, mint green, ivory, and sage while contrasting effectively with mustard yellow, coral, and warm orange.

These color combinations create balanced, visually clear palettes that use periwinkle’s cool-toned softness as a grounding element.

Complementary Colors

Periwinkle + Soft Yellow

• Color Theory Basis: Direct complements on the color wheel. Yellow sits opposite blue-violet.
• Visual Effect: High contrast, cheerful, fresh. Each color makes the other pop.
• Best Applications: Spring event branding, packaging, editorial design.
• Ratio Recommendations: 70% periwinkle, 30% soft yellow as accent.
• Example Uses: Stationery, website hero sections, fashion accessories.

Periwinkle + Ivory

• Color Theory Basis: Soft neutral pairing. Ivory’s warm undertone balances periwinkle’s cool tones.
• Visual Effect: Elegant, quiet, airy. Lets periwinkle carry the room.
• Best Applications: Weddings, luxury branding, minimalist interiors.
• Ratio Recommendations: 40% periwinkle, 60% ivory.
• Example Uses: Wedding color palettes, packaging, print design.

Periwinkle + Mint Green

• Color Theory Basis: Split-complementary pairing. Mint sits adjacent to yellow-green, across from periwinkle.
• Visual Effect: Fresh, light, refreshing. A Spring-ready combination.
• Best Applications: Skincare branding, stationery, digital UI backgrounds.
• Ratio Recommendations: 50/50 or let periwinkle dominate at 65%.
• Example Uses: App design, product packaging, social media templates.

Periwinkle + Gold

• Color Theory Basis: Near-complementary. Gold as a warm neutral anchors periwinkle’s coolness.
• Visual Effect: Elevated, slightly opulent. Feels contemporary without being cold.
• Best Applications: Luxury branding, home decor accents, event design.
• Ratio Recommendations: Periwinkle dominant, gold as accent at 10-15%.
• Example Uses: Gold color palettes, interior accessories, logo lockups.

Contrasting Colors

Periwinkle + Mustard Yellow

• Contrast Type: Complementary
• Visual Impact: Bold and energetic. A more rustic, earthy contrast than pure yellow.
• Best Applications: Print posters, autumn-leaning editorial, home decor.
• Balance Strategies: Use mustard sparingly as a 20% accent to avoid overpowering the softness of periwinkle.

Periwinkle + Coral

• Contrast Type: Near split-complementary
• Visual Impact: Vibrant and cheerful. Warm-cool tension that reads modern.
• Best Applications: Summer campaigns, social media graphics, fashion lookbooks.
• Balance Strategies: Keep coral as a highlight only. It can easily overwhelm periwinkle if used in equal parts.

Periwinkle + Warm Orange

• Contrast Type: Near complementary
• Visual Impact: High-energy, playful. Unusual enough to catch attention.
• Best Applications: Youth branding, gaming, bold packaging.
• Balance Strategies: This one’s tricky. A 10% orange splash works well; anything more starts competing with periwinkle rather than complementing it.

Color Scheme Types

• Monochromatic: Use tints and shades of periwinkle from pale #DCD0FF down to dark #665FD1 for a cohesive, layered palette.
• Analogous: Pair periwinkle with neighboring blue-purple tones like lavender and light blue for soft, harmonious blends.
• Triadic: Combine with pale red and mint green for a three-way balance that stays light and airy.
• Split-Complementary: Periwinkle with peach and mint green gives you complement energy without the hard contrast of pure yellow.
• Tetradic: Add pink and light yellow to create a four-color pastel palette with range.

Practical Pairing Guidelines

• 60-30-10 Rule: Periwinkle as the 60% dominant, a neutral like ivory or soft gray at 30%, and a contrasting accent like gold or soft yellow at 10%.
• Accent Color Strategy: Use periwinkle as the accent against a neutral base for a lighter touch. It works as well at 10% as it does at 60%.
• Neutral Bridging: Soft gray, warm white, and light beige all sit comfortably between periwinkle and warmer colors without creating a jarring shift.

—

How Does Periwinkle Differ From Similar Cool Colors?

Periwinkle differs from lavender (more purple, less blue), lilac (pink-leaning, warmer), cornflower blue (deeper and more saturated), and mauve (brown-gray undertone) through its specific balance of equal red and green channels with maximum blue that creates its distinctive pastel blue-violet tone.

Visual Comparison Chart

One practical note: periwinkle looks bluer in natural daylight and more purple under warm artificial light. Lavender and lilac don’t shift as dramatically. That lighting sensitivity is something to watch for in both print design and interior applications.

—

How Do You Create Periwinkle in Different Mediums?

Create periwinkle by mixing ultramarine blue and white with a small amount of violet in paint, using #CCCCFF in digital design, or setting RGB values to approximately (204, 204, 255) in screen-based applications, ensuring blue dominates the mixture for accurate color reproduction.

Acrylic Paint

• Base colors: Ultramarine blue, titanium white, small amount of dioxazine purple
• Mixing ratio: Roughly 2 parts white, 1 part blue, a touch of purple
• Start with white as your base, add blue gradually, then a tiny amount of purple to pull it away from pure blue
• Common mistake: Adding too much red or violet early, which pushes the mix toward a full purple
• Adjustment: If too blue, add a small dab of purple; if too dark, add more white

Acrylics dry slightly darker than they look wet. Mix a test batch first and let it dry completely before judging the final color.

Oil Paint

• Pigments: Ultramarine blue (PB29), titanium white (PW6), small amount of dioxazine violet (PV23)
• Mixing technique: Oil paints blend smoothly, so work on the palette with a knife before applying to canvas
• Oil paint dries slowly and the color shift is minimal, but the wet tone is a close match to the final result

The main thing with oils is not overworking the mix. A few clean strokes with a palette knife gives you better color consistency than repeated blending.

Watercolor

• Pigment selection: Ultramarine blue (transparent), a touch of quinacridone violet
• Dilution: Heavy water ratio for a light wash; reduce water for deeper tones
• Layering: Build up with multiple light washes rather than one dense application

Watercolor periwinkle tends to granulate slightly with ultramarine, giving it a soft, slightly textured finish. That’s actually a nice quality for floral or atmospheric work.

Gouache

• Same base pigments as watercolor but mixed with more pigment and less water for the opaque finish gouache is known for
• Start with a white base and add blue and purple incrementally
• Gouache dries lighter than it looks wet, so mix slightly darker than your target

Gouache periwinkle is great for flat, graphic illustration work. The matte finish suits it well.

Print / CMYK

• Cyan: 20%
• Magenta: 20%
• Yellow: 0%
• Black: 0%
• Printing note: Results vary on coated vs. uncoated stock. Coated paper produces a cleaner, more saturated result.
• Pantone match: Closest standard reference is Pantone 2706 C or Pantone Very Peri 17-3938 for the warmer variant

For print, always use the CMYK to RGB converter to check how your print values translate back to screen before sending files to production.

—

What Are the Best Practices for Using Periwinkle in Design?

Best practices for periwinkle include testing for contrast accessibility, pairing with neutrals to prevent visual fatigue, using it as a dominant rather than a detail color when possible, and checking how it renders across both warm and cool light sources.

Designers should verify WCAG contrast ratios before using periwinkle for text, account for its light-sensitivity in physical spaces, and ensure the RGB values are consistent across all digital touchpoints to avoid unexpected shifts between devices and screens.

One thing that gets overlooked: periwinkle on a white background often fails WCAG AA contrast standards. It’s a light color with an LRV near 63, which means it’s reflecting a lot of light. That makes it great for backgrounds but problematic as a text or icon color without proper contrast checking.

In web design, it works well as a background, card surface, or soft hover state. Pair it with dark text at a minimum 4.5:1 ratio for body copy. For packaging design and poster design, the soft pastel quality means you need high-contrast typography to keep things readable. A deep navy or charcoal text over periwinkle reads far better than black.

Understanding visual hierarchy helps when deciding how much periwinkle to use. Too much of any pastel on a page and the eye stops finding a place to land. Use contrast and emphasis to give the layout direction.

—

What Role Does Periwinkle Play in Branding and Marketing?

Periwinkle plays a strategic supporting role in branding and marketing, communicating calm, creativity, and approachability to consumers.

Marketing research indicates periwinkle reduces perceived aggression in brand messaging, making it effective for wellness, beauty, and lifestyle brands seeking a trustworthy but non-clinical brand perception.

It’s not a color that screams urgency. That’s actually the point. Brands that want to feel safe, thoughtful, or premium without being cold tend to reach for it. Wellness apps, skincare lines, and direct-to-consumer sleep brands all lean into periwinkle because it communicates “we care about your calm” without saying it outright.

Post-2022, with Pantone’s Very Peri designation, it also gained a contemporary edge. Some brands that previously avoided it as “too soft” reconsidered. That’s a short window, though. Trend-based color choices date quickly in branding, so the better reason to choose periwinkle is for what it communicates about the brand, not because it was trendy.

For brand guidelines work, periwinkle pairs well with warm neutrals and a strong sans-serif or humanist font to avoid looking too delicate. A font pairing generator can help find a strong typographic counterpart that keeps the brand feeling grounded rather than precious.

FAQ on Periwinkle Color

Is Periwinkle Blue or Purple?

Periwinkle is both. It sits between blue and violet on the color wheel, leaning bluer in daylight and more purple under warm artificial light.

Most designers classify it as a blue-violet pastel, not strictly one or the other.

What Is the Hex Code for Periwinkle?

The standard periwinkle hex code is #CCCCFF, with RGB values of 204, 204, 255.

Some tools reference slightly different values depending on the variant used, such as the Crayola version at #C3CDE6 or True Periwinkle at #8E82FE.

What Colors Go With Periwinkle?

Periwinkle pairs well with soft yellow, ivory, mint green, gold, and warm white.

For contrast, mustard yellow and coral work well. Soft gray and beige act as reliable neutrals that keep the palette grounded without competing.

What Does Periwinkle Symbolize?

Periwinkle symbolizes calm, creativity, hope, and gentle optimism. Its blue side communicates peace and trust, while the violet side adds a layer of spirituality and intuition.

It is also recognized as the awareness color for stomach cancer and eating disorders.

Is Periwinkle the Same as Lavender?

No. Lavender is more purple with softer, more muted undertones. Periwinkle has a stronger blue presence and reads brighter overall.

They are close enough to confuse at a glance, but side by side the difference in blue saturation is clear.

What Is Periwinkle Called in Pantone?

Pantone named a version of periwinkle its Color of the Year for 2022, calling it “Very Peri” (Pantone 17-3938).

That specific shade runs slightly warmer and more violet than the standard web reference of #CCCCFF.

How Do You Mix Periwinkle Paint?

Start with titanium white as a base. Add ultramarine blue gradually, then a small touch of dioxazine violet to shift it away from pure blue.

Too much violet pushes the mix toward purple. Too much blue and you lose the pastel blue-violet balance entirely.

What Is Periwinkle Used for in Design?

Periwinkle works well in web design, branding, packaging, interiors, and fashion.

Its soft, cool-toned quality suits wellness, beauty, and lifestyle brands. In UI design, it reads well as a background or card surface, though it needs dark text to meet accessibility contrast standards.

What Is the CMYK Value for Periwinkle?

The CMYK breakdown for standard periwinkle (#CCCCFF) is 20% cyan, 20% magenta, 0% yellow, and 0% black.

Results can shift on uncoated paper stock, so always run a test print before finalizing a large print job.

What Mood Does Periwinkle Create in a Room?

Periwinkle creates a calm, airy atmosphere. It makes rooms feel open and relaxed without being cold.

It works best in bedrooms and home offices, especially paired with light neutrals and soft natural materials like linen or light wood. Morning light pulls out the blue; evening light brings the violet undertones forward.

Conclusion

Periwinkle color holds a genuinely useful place in a designer’s toolkit, sitting at that specific intersection of blue and purple that few other pastel hues occupy.

Its CMYK and RGB values are straightforward to work with across both screen and print, and its soft, cool-toned quality translates well from bedroom walls to brand identities.

Understanding how it differs from lilac, indigo, and powder blue helps you make more deliberate color decisions rather than guessing by feel.

Whether you’re building a color palette around it or using it as a single accent, the key is pairing it with the right contrast and keeping color harmony in check.

Used well, periwinkle rarely overstays its welcome.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• The Airtable Logo History, Colors, Font, And Meaning - 12 July 2026
• How to Blur Background in Canva: A Quick Tutorial - 11 July 2026
• Typography Trends - 10 July 2026