What are the hex codes in the Digital Lavender Reboot palette?

The Digital Lavender Reboot color palette consists of Lavender #E6E0F5, Wisteria #B8A7E0, Slate Blue #6E5BAA, Space #2A2440.

How should I use the Digital Lavender Reboot palette on a website?

Use Lavender #E6E0F5 as the background, Space #2A2440 for text, Wisteria #B8A7E0 for buttons and links, and Slate Blue #6E5BAA for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Lavender on Space at 11.47:1.

Which colors in Digital Lavender Reboot have enough contrast for text?

The highest-contrast pair is #E6E0F5 on #2A2440 with a ratio of 11.47:1, which passes WCAG AA for normal text.

#E6E0F5Lavender

#B8A7E0Wisteria

#6E5BAASlate Blue

#2A2440Space

Digital Lavender Reboot color palette

2026 Trends Tech Cold Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Lavender	`#E6E0F5`	`rgb(230, 224, 245)`	`hsl(257, 51%, 92%)`	`oklch(91.8% 0.029 299)`
Wisteria	`#B8A7E0`	`rgb(184, 167, 224)`	`hsl(258, 48%, 77%)`	`oklch(76.3% 0.082 298)`
Slate Blue	`#6E5BAA`	`rgb(110, 91, 170)`	`hsl(254, 32%, 51%)`	`oklch(52.6% 0.122 293)`
Space	`#2A2440`	`rgb(42, 36, 64)`	`hsl(253, 28%, 20%)`	`oklch(28.1% 0.051 293)`

Why it works and how to use it

Digital Lavender Reboot is a monochromatic color palette tagged 2026 trends, tech, cold. All four colors sit within 5° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

It works because the lightness range is wide (20% to 92%), which gives clear hierarchy between background, content and accents. Try it for a SaaS landing page or dashboard.

Background: Lavender (#E6E0F5) is the lightest color, so it belongs on large surfaces.
Text: Space (#2A2440) on #E6E0F5 gives 11.47:1, passing WCAG AAA.
Primary: Wisteria (#B8A7E0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Slate Blue (#6E5BAA) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Lavender on Space at 11.47:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Digital Lavender Reboot

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#E6E0F5

#B8A7E0

#6E5BAA

#2A2440

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#E6E0F5` on `#2A2440`	Aa	11.47:1	AAA
`#B8A7E0` on `#2A2440`	Aa	6.77:1	AA
`#E6E0F5` on `#6E5BAA`	Aa	4.37:1	AA large only
`#6E5BAA` on `#2A2440`	Aa	2.62:1	Fail
`#B8A7E0` on `#6E5BAA`	Aa	2.58:1	Fail
`#E6E0F5` on `#B8A7E0`	Aa	1.7:1	Fail

:root {
  --lavender: #E6E0F5;
  --wisteria: #B8A7E0;
  --slate-blue: #6E5BAA;
  --space: #2A2440;
}

$lavender: #E6E0F5;
$wisteria: #B8A7E0;
$slate-blue: #6E5BAA;
$space: #2A2440;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'lavender': '#E6E0F5',
        'wisteria': '#B8A7E0',
        'slate-blue': '#6E5BAA',
        'space': '#2A2440',
      },
    },
  },
};

{
  "name": "Digital Lavender Reboot",
  "colors": [
    "#E6E0F5",
    "#B8A7E0",
    "#6E5BAA",
    "#2A2440"
  ]
}

background: linear-gradient(135deg, #E6E0F5, #B8A7E0, #6E5BAA, #2A2440);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2026-01-01 · Free for commercial use, no attribution needed.

Similar palettes 31 more in this mood