Digital Lavender

A soft, tranquil lavender that connects digital calm with emotional wellbeing.

Generate palettes Visualize in mockups Back to 2023 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#ADA7CB

RGB

rgb(173, 167, 203)

CMYK

15, 18, 0, 20

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#6C62A3

#9088B9

#ADA7CB

#CCC8DF

#E7E5F0

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#95A2C1

#A8ABCC

#ADA7CB

#B7A8CC

#CDBCD7

Complementary Contrast

Opposites that add clarity and focus.

#ADA7CB

#B9C195

#D7DBC2

#8B86A7

#E7E6EA

Triadic Balance

Three evenly spaced hues for versatile layouts.

#ADA7CB

#CCAEA8

#A8CCAE

#9B96B6

#DAD8E4

Split Complementary

Balanced contrast with two supporting accents.

#ADA7CB

#CCC0A8

#B4CCA8

#837BA7

#E5E3ED

Export tokens

Copy CSS variables or plug into Tailwind.

#ADA7CB

CSS Variables

:root {
  --year-base: #ADA7CB;
  --year-base-contrast: #1F2937;
  --year-accent-1: #9088B9;
  --year-accent-2: #ADA7CB;
  --year-accent-3: #CCC8DF;
  --year-surface: #f8fafc;
}

Tailwind Config

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