What are the hex codes in the Indigo & Mauve Drift palette?

The Indigo & Mauve Drift color palette consists of Obsidian #10002B, Indigo #5A189A, Olive #927C00, Mauve #E0AAFF.

How should I use the Indigo & Mauve Drift palette on a website?

Use Mauve #E0AAFF as the background, Obsidian #10002B for text, Olive #927C00 for buttons and links, and Indigo #5A189A for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Mauve at 10.75:1.

Which colors in Indigo & Mauve Drift have enough contrast for text?

The highest-contrast pair is #10002B on #E0AAFF with a ratio of 10.75:1, which passes WCAG AA for normal text.

#10002BObsidian

#5A189AIndigo

#927C00Olive

#E0AAFFMauve

Indigo & Mauve Drift color palette

Dark Black Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#10002B`	`rgb(16, 0, 43)`	`hsl(262, 100%, 8%)`	`oklch(15.3% 0.085 294)`
Indigo	`#5A189A`	`rgb(90, 24, 154)`	`hsl(270, 73%, 35%)`	`oklch(39.7% 0.189 300)`
Olive	`#927C00`	`rgb(146, 124, 0)`	`hsl(51, 100%, 29%)`	`oklch(58.9% 0.121 97)`
Mauve	`#E0AAFF`	`rgb(224, 170, 255)`	`hsl(278, 100%, 83%)`	`oklch(81.7% 0.129 313)`

Why it works and how to use it

Indigo & Mauve Drift is a vivid dark, complementary color palette tagged dark, black, purple. Near-complementary hues (about 141° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Olive takes the lead while the rest support. Lightness runs from 8% to 83%. Well suited to dark-mode interfaces and gaming.

Background: Mauve (#E0AAFF) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#10002B) on #E0AAFF gives 10.75:1, passing WCAG AAA.
Primary: Olive (#927C00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Indigo (#5A189A) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Indigo & Mauve Drift

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

#10002B

#5A189A

#927C00

#E0AAFF

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
`#10002B` on `#E0AAFF`	Aa	10.75:1	AAA
`#5A189A` on `#E0AAFF`	Aa	5.59:1	AA
`#10002B` on `#927C00`	Aa	4.83:1	AA
`#5A189A` on `#927C00`	Aa	2.51:1	Fail
`#927C00` on `#E0AAFF`	Aa	2.23:1	Fail
`#10002B` on `#5A189A`	Aa	1.92:1	Fail

Similar palettes 24 more in this mood