Periwinkle vs Cornflower: The Real Difference
Sorting out periwinkle vs cornflower is one of those color puzzles that feels impossible until you know the trick. Both are light-to-medium blues, both carry a hint of purple, and both show up in flowers, fashion, and spring palettes. The difference comes down to how much violet each one holds and how pale or saturated it is. Periwinkle is the softer, paler one with a stronger lavender pull. Cornflower is brighter and more saturated, with just a whisper of purple over a dominant true-blue base. Learn to read that balance of purple-versus-blue and saturation, and these two cousins separate cleanly. Below, each color gets a full breakdown with real hex codes, accurate undertones, and practical use cases.
Periwinkle
Periwinkle is named after the small five-petaled flower, and the color is a delicate pastel that sits right on the boundary between blue and violet. The classic hex value is #CCCCFF, in RGB exactly 204, 204, 255. Notice that the red and green channels are equal while blue is maxed out, which is what creates the gentle lavender cast. Periwinkle is light, airy, and soft, never bold. It is one of the most reliably described “blue-purple” colors because it genuinely lives between the two.
The undertone is cool with a distinct violet lean. Because periwinkle is so pale and slightly purple, it feels calm, dreamy, and a little nostalgic. It reads as soothing rather than energetic. You see it in spring and pastel palettes, nursery and bedroom decor, soft fashion, wedding stationery, and gentle brand identities that want approachability. Periwinkle pairs beautifully with soft yellow, blush, mint, white, and warm neutrals, and it can act as a softer alternative to a true blue when a design needs to feel tender. Its lavender tint also lets it sit comfortably alongside other purples without clashing.
Cornflower Blue
Cornflower blue is named after the cornflower bloom, and the color is a brighter, more saturated medium blue. The standard hex value is #6495ED, in RGB approximately 100, 149, 237. Compared to periwinkle, it is deeper, more vivid, and clearly more blue than purple. There is still a faint violet lean, but blue is firmly in charge. Cornflower has more presence and energy; it reads as a confident, cheerful sky blue rather than a soft pastel.
The undertone is cool blue with only a slight purple shift, far less than periwinkle. That makes cornflower feel fresh, friendly, and clear. It is a popular choice in web and product design (it is even a named CSS color), denim and casual fashion, summer palettes, and brand work that wants a calm but lively blue. Cornflower pairs well with white, warm yellows, coral, navy, and soft grays. Because it is more saturated than periwinkle, it holds up better as a primary or accent color where a pale pastel would wash out, while still feeling softer and warmer than a bold royal or cobalt blue.
Key Differences
| Color | Hex | Undertone | Best for |
|---|---|---|---|
| Periwinkle | #CCCCFF | Cool pale blue with strong violet lean (lavender) | Pastel palettes, nursery decor, soft fashion, gentle branding |
| Cornflower Blue | #6495ED | Cool medium blue with faint violet lean | Web and product design, denim, summer palettes, lively accents |
The clearest way to tell them apart is to check two things: how purple it looks and how pale it looks. Periwinkle is both paler and more purple; it tilts toward lavender and reads as a true pastel. Cornflower is more saturated and stays closer to genuine blue, with only a hint of violet. Side by side, periwinkle looks like a soft lilac-blue you would use in a baby’s room, while cornflower looks like a bright, friendly sky blue you would use on a button or a summer dress.
Hex Codes & How to Use Each
Periwinkle’s headline hex is #CCCCFF, RGB 204, 204, 255. The equal red and green channels under a maxed blue are the technical reason for the lavender cast, and they explain why periwinkle behaves like a bridge between blue and purple palettes. Because it is so light, periwinkle works best as a background, a soft fill, or a large calming area rather than as small type, where it can lack contrast. For variations, deepen toward #8E8EE9 for accents and interactive states, or lighten toward #E6E6FA (lavender) for the airiest washes. Pair periwinkle with crisp white for breathing room and with a warm accent like soft coral or buttery yellow to keep the cool tone from feeling cold.
Cornflower’s headline hex is #6495ED, RGB 100, 149, 237. With blue clearly dominant and only a modest red contribution, it is saturated enough to serve as a real primary color. That makes cornflower a strong pick for buttons, links, icons, and brand accents, where it provides cheerful color without the intensity of royal blue. Lighten toward #A4C2F4 for hover and disabled states, and deepen toward #4169E1 (royal blue) when you need a darker companion in the same family. For text, cornflower on white can be borderline for contrast at small sizes, so verify accessibility and reserve it for larger headings or pair it with a darker blue for body copy.
For both colors, lighting and screen calibration shift the purple lean noticeably. Periwinkle especially can look more clearly lavender on warm displays and more neutral-blue on cool ones, so always preview on multiple screens and, for print or fabric, request physical samples. If you are deciding between a pastel and a saturated blue for a project, periwinkle gives softness while cornflower gives clarity.
When to Choose Each
Choose periwinkle when you want softness, calm, and a dreamy pastel mood. It is ideal for nurseries and bedrooms, spring and wedding palettes, gentle or wellness-oriented branding, and any design where a true blue would feel too strong. Periwinkle’s lavender lean also makes it the better choice when your palette already includes purples, since it blends the two families gracefully. If your goal is tender, soothing, and delicate, periwinkle is the answer.
Choose cornflower blue when you want a clear, friendly, and slightly more energetic blue that still feels soft. It is ideal for user interfaces, product and web design, casual and denim-inspired fashion, and summer palettes that need a confident but approachable blue. Cornflower holds its own as a primary color and stays legible and vivid where periwinkle would fade. If your goal is fresh, cheerful, and dependable, cornflower wins. For another pair of closely related colors worth comparing, see our guide to clay vs terracotta.
Frequently Asked Questions
Is periwinkle blue or purple?
Periwinkle is both, which is why it is so often debated. Technically it sits on the boundary between blue and violet, with a hex of #CCCCFF where blue is maxed and red and green are equal. That balance gives it a cool blue base with a clear lavender lean, so most people describe it as a soft blue-purple or lilac-blue.
Why is cornflower blue a named CSS color?
Cornflower blue (#6495ED) was included in the original X11 color set that web standards adopted, so it became one of the named CSS colors developers can use directly. Its pleasant, medium saturation made it a popular default for accents and links, which helped cement its place in design tools and stylesheets across the web.
Can I use periwinkle and cornflower together?
Yes. They share a blue base, so they harmonize naturally while offering useful contrast in saturation. Use cornflower as the brighter primary or accent and periwinkle as the soft, pale background or secondary tone. The pairing creates a gentle, layered blue palette. Add white and a warm accent to keep it from feeling too cool.
Which is more calming, periwinkle or cornflower?
Periwinkle is generally more calming because it is paler and carries a soothing lavender undertone, which reads as soft and restful. Cornflower is calming too, but its higher saturation gives it more energy and cheerfulness. For tranquil, dreamy spaces choose periwinkle; for a fresh, lively but still relaxed feel choose cornflower blue.
