What are the hex codes in the Amethyst & Indigo Mood palette?

The Amethyst & Indigo Mood color palette consists of Indigo #650088, Amethyst #9F45E1, Amethyst #AE63D0, Mauve #DCB5FF.

How should I use the Amethyst & Indigo Mood palette on a website?

Use Mauve #DCB5FF as the background, Indigo #650088 for text, Amethyst #9F45E1 for buttons and links, and Amethyst #AE63D0 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Mauve at 6.34:1.

Which colors in Amethyst & Indigo Mood have enough contrast for text?

The highest-contrast pair is #650088 on #DCB5FF with a ratio of 6.34:1, which passes WCAG AA for normal text.

#650088Indigo

#9F45E1Amethyst

#AE63D0Amethyst

#DCB5FFMauve

Amethyst & Indigo Mood color palette

Vibrant Neon Cold Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Indigo	`#650088`	`rgb(101, 0, 136)`	`hsl(285, 100%, 27%)`	`oklch(38.3% 0.190 313)`
Amethyst	`#9F45E1`	`rgb(159, 69, 225)`	`hsl(275, 72%, 58%)`	`oklch(58.3% 0.228 307)`
Amethyst	`#AE63D0`	`rgb(174, 99, 208)`	`hsl(281, 54%, 60%)`	`oklch(62.8% 0.173 314)`
Mauve	`#DCB5FF`	`rgb(220, 181, 255)`	`hsl(272, 100%, 85%)`	`oklch(83.3% 0.109 308)`

Why it works and how to use it

Amethyst & Indigo Mood is a vivid monochromatic color palette tagged vibrant, neon, cold. All four colors sit within 13° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.

With 4 chromatic colors, Amethyst takes the lead while the rest support. Lightness runs from 27% to 85%. Well suited to websites, presentations and branding.

Background: Mauve (#DCB5FF) is the lightest color, so it belongs on large surfaces.
Text: Indigo (#650088) on #DCB5FF gives 6.34:1, passing WCAG AA.
Primary: Amethyst (#9F45E1) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Amethyst (#AE63D0) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Mauve at 6.34:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Amethyst & Indigo Mood

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

#650088

#9F45E1

#AE63D0

#DCB5FF

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
`#650088` on `#DCB5FF`	Aa	6.34:1	AA
`#650088` on `#AE63D0`	Aa	2.88:1	Fail
`#9F45E1` on `#DCB5FF`	Aa	2.74:1	Fail
`#650088` on `#9F45E1`	Aa	2.31:1	Fail
`#AE63D0` on `#DCB5FF`	Aa	2.2:1	Fail
`#9F45E1` on `#AE63D0`	Aa	1.25:1	Fail

:root {
  --indigo: #650088;
  --amethyst: #9F45E1;
  --amethyst-3: #AE63D0;
  --mauve: #DCB5FF;
}

$indigo: #650088;
$amethyst: #9F45E1;
$amethyst-3: #AE63D0;
$mauve: #DCB5FF;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'indigo': '#650088',
        'amethyst': '#9F45E1',
        'amethyst-3': '#AE63D0',
        'mauve': '#DCB5FF',
      },
    },
  },
};

{
  "name": "Amethyst & Indigo Mood",
  "colors": [
    "#650088",
    "#9F45E1",
    "#AE63D0",
    "#DCB5FF"
  ]
}

background: linear-gradient(135deg, #650088, #9F45E1, #AE63D0, #DCB5FF);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-02-22 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood