Pantone

2022

#6667AB

Very Peri

A periwinkle blue with a violet-red undertone that bridges digital optimism and human warmth.

Generate palettes Visualize in mockups Back to 2022 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#6667AB

RGB

rgb(102, 103, 171)

CMYK

67, 60, 0, 0

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#3A3B69

#505191

#6667AB

#8989BE

#B0B1D4

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#57799E

#6879AC

#6667AB

#7768AC

#967BB7

Complementary Contrast

Opposites that add clarity and focus.

#6667AB

#9E9D57

#BAB982

#535379

#B0B0BF

Triadic Balance

Three evenly spaced hues for versatile layouts.

#6667AB

#AC6869

#69AC68

#5D5D8E

#9C9DBF

Split Complementary

Balanced contrast with two supporting accents.

#6667AB

#AC8968

#8BAC68

#4B4B77

#A7A8C8

Export tokens

Copy CSS variables or plug into Tailwind.

#6667AB

CSS Variables

:root {
  --year-base: #6667AB;
  --year-base-contrast: #FFFFFF;
  --year-accent-1: #505191;
  --year-accent-2: #6667AB;
  --year-accent-3: #8989BE;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},

Scenario previews

See the color in UI, posters, and ecommerce layouts.

UI Dashboard

Poster / Social

Launch Campaign

Design with #6667AB

Ecommerce Hero

New Drop · #6667AB-20%

Primary CTA

Secondary

Usage guidance

Summary

A periwinkle blue with a violet-red undertone that bridges digital optimism and human warmth.

Notes

Great for gradients with lilac or electric cyan. Pair with warm grays or soft sand tones to keep it approachable. In UI, reserve it for headers, buttons, or hero cards for better contrast.

Tips