Periwinkle color codes

Periwinkle sits halfway between blue and violet, named after a small flower. Browse named periwinkles, pale versions and deeper iris tones.

Named periwinkles

Each of these has "periwinkle" in its name.

Aa 11.29:1

Pale Periwinkle #C8D2E2 RGB 200, 210, 226
Aa 10.66:1

Periwinkle Powder #C5CBE1 RGB 197, 203, 225
Aa 10.45:1

Light Periwinkle #C1C6FC RGB 193, 198, 252
Aa 9.75:1

Periwinkle Bud #B4C4DE RGB 180, 196, 222
Aa 6.89:1

Rip Van Periwinkle #8FA4D2 RGB 143, 164, 210
Aa 6.65:1

Periwinkle Blue #8F99FB RGB 143, 153, 251
Aa 6.23:1

Periwinkle Dusk #8D9DB3 RGB 141, 157, 179
Aa 6.08:1

Periwinkle Blossom #8B9AB9 RGB 139, 154, 185
Aa 5.55:1

Periwinkle #8E82FE RGB 142, 130, 254
Aa 4.78:1

Deep Periwinkle #7C83BC RGB 124, 131, 188
Aa 4.44:1

Deepest Periwinkle #5C84B4 RGB 92, 132, 180
Aa 5.09:1

Dark Periwinkle #665FD1 RGB 102, 95, 209
Aa 7.51:1

Tangent Periwinkle #50507F RGB 80, 80, 127

Light periwinkle

Aa 10.90:1

Innocent Snowdrop #D0C7FF RGB 208, 199, 255
Aa 9.36:1

Pastel Blue #A2BFFE RGB 162, 191, 254
Aa 9.22:1

Purple Illusion #B8B8F8 RGB 184, 184, 248

Deep periwinkle and iris

Aa 4.60:1

Orbital #6D83BB RGB 109, 131, 187
Aa 4.39:1

Venus Violet #7A6DC0 RGB 122, 109, 192
Aa 4.86:1

Candy Grape Fizz #7755EE RGB 119, 85, 238
Aa 4.84:1

Royal Blue #4169E1 RGB 65, 105, 225
Aa 4.88:1

Loch Ness #5F6DB0 RGB 95, 109, 176
Aa 5.47:1

Simply Purple #715BB1 RGB 113, 91, 177
Aa 5.69:1

Warm Blue #4B57DB RGB 75, 87, 219
Aa 6.35:1

Meteor Shower #5533FF RGB 85, 51, 255
Aa 5.84:1

Wizard’s Potion #5D6098 RGB 93, 96, 152
Aa 6.97:1

Electric Indigo #6600FF RGB 102, 0, 255

Palette idea: light to dark

LightestAa 11.29:1

Pale Periwinkle #C8D2E2 RGB 200, 210, 226
LightAa 9.22:1

Purple Illusion #B8B8F8 RGB 184, 184, 248
MidAa 4.60:1

Orbital #6D83BB RGB 109, 131, 187
DeepAa 5.09:1

Dark Periwinkle #665FD1 RGB 102, 95, 209
DarkestAa 7.51:1

Tangent Periwinkle #50507F RGB 80, 80, 127

Palette idea: with neutrals

BackgroundAa 16.11:1

Warm white #FAF7F2 RGB 250, 247, 242
SurfaceAa 9.75:1

Periwinkle Bud #B4C4DE RGB 180, 196, 222
MainAa 4.60:1

Orbital #6D83BB RGB 109, 131, 187
DeepAa 5.69:1

Warm Blue #4B57DB RGB 75, 87, 219
TextAa 16.81:1

Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

LightAa 10.45:1

Light Periwinkle #C1C6FC RGB 193, 198, 252
MainAa 4.60:1

Orbital #6D83BB RGB 109, 131, 187
DarkAa 5.84:1

Wizard’s Potion #5D6098 RGB 93, 96, 152
AccentAa 4.61:1

Complement #9C8141 RGB 156, 129, 65
BaseAa 15.53:1

Off-white #F5F3EE RGB 245, 243, 238

Named after the flower

Periwinkle is a soft blue-violet named after the periwinkle flower (Vinca). There is no CSS keyword; #CCCCFF is a common reference.

Periwinkle, lavender and cornflower

Periwinkle balances blue and purple.
Lavender leans purple and is often grayer. See lavender.
Cornflower is bluer and more saturated.

Styling periwinkle

Periwinkle is light and friendly. It pairs well with butter yellow, peach, navy, white and soft gray. It suits spring designs and soft interface accents.

On screen

Light periwinkles need dark text. Deeper ones can carry white text at large sizes, but check them in the contrast checker. See also baby blue and light purple.