What are the hex codes in the Magenta & Orchid Path palette?

The Magenta & Orchid Path color palette consists of Licorice #250916, Magenta #CA1F8A, Orchid #C866CF, Wisteria #BE97FF.

How should I use the Magenta & Orchid Path palette on a website?

Use Wisteria #BE97FF as the background, Licorice #250916 for text, Magenta #CA1F8A for buttons and links, and Orchid #C866CF for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Wisteria at 8.02:1.

Which colors in Magenta & Orchid Path have enough contrast for text?

The highest-contrast pair is #250916 on #BE97FF with a ratio of 8.02:1, which passes WCAG AA for normal text.

#250916Licorice

#CA1F8AMagenta

#C866CFOrchid

#BE97FFWisteria

Magenta & Orchid Path color palette

Cyberpunk Vibrant Black Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Licorice	`#250916`	`rgb(37, 9, 22)`	`hsl(332, 61%, 9%)`	`oklch(19.3% 0.051 354)`
Magenta	`#CA1F8A`	`rgb(202, 31, 138)`	`hsl(322, 73%, 46%)`	`oklch(56.5% 0.220 349)`
Orchid	`#C866CF`	`rgb(200, 102, 207)`	`hsl(296, 52%, 61%)`	`oklch(66.3% 0.180 325)`
Wisteria	`#BE97FF`	`rgb(190, 151, 255)`	`hsl(263, 100%, 80%)`	`oklch(75.3% 0.150 300)`

Why it works and how to use it

Magenta & Orchid Path is a vivid analogous color palette tagged cyberpunk, vibrant, black. Analogous neighbors on the wheel (Licorice, Magenta, Orchid) give it a natural, low-tension flow. 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 4 chromatic colors, Magenta takes the lead while the rest support. Lightness runs from 9% to 80%. Well suited to websites, presentations and branding.

Background: Wisteria (#BE97FF) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#250916) on #BE97FF gives 8.02:1, passing WCAG AAA.
Primary: Magenta (#CA1F8A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Orchid (#C866CF) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Wisteria at 8.02:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Magenta & Orchid Path

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

#250916

#CA1F8A

#C866CF

#BE97FF

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
`#250916` on `#BE97FF`	Aa	8.02:1	AAA
`#250916` on `#C866CF`	Aa	5.54:1	AA
`#250916` on `#CA1F8A`	Aa	3.61:1	AA large only
`#CA1F8A` on `#BE97FF`	Aa	2.22:1	Fail
`#CA1F8A` on `#C866CF`	Aa	1.54:1	Fail
`#C866CF` on `#BE97FF`	Aa	1.45:1	Fail

Similar palettes 24 more in this mood