What are the hex codes in the Violet Royal Blue & Wisteria palette?

The Violet Royal Blue & Wisteria color palette consists of Royal Blue #6C60FF, Wisteria #A998FF, Pink #FFBDCF, Snow #FFF6F8.

How should I use the Violet Royal Blue & Wisteria palette on a website?

Use Snow #FFF6F8 as the background, Royal Blue #6C60FF for text, Wisteria #A998FF for buttons and links, and Pink #FFBDCF for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Violet Royal Blue & Wisteria have enough contrast for text?

The highest-contrast pair is #6C60FF on #FFF6F8 with a ratio of 4.16:1, which passes WCAG AA for large text only.

#6C60FFRoyal Blue

#A998FFWisteria

#FFBDCFPink

#FFF6F8Snow

Violet Royal Blue & Wisteria color palette

2026 Trends Gradient Neon Blue Purple Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Royal Blue	`#6C60FF`	`rgb(108, 96, 255)`	`hsl(245, 100%, 69%)`	`oklch(59.3% 0.227 280)`
Wisteria	`#A998FF`	`rgb(169, 152, 255)`	`hsl(250, 100%, 80%)`	`oklch(73.6% 0.147 290)`
Pink	`#FFBDCF`	`rgb(255, 189, 207)`	`hsl(344, 100%, 87%)`	`oklch(86.4% 0.079 1)`
Snow	`#FFF6F8`	`rgb(255, 246, 248)`	`hsl(347, 100%, 98%)`	`oklch(98.1% 0.010 2)`

Why it works and how to use it

Violet Royal Blue & Wisteria is a vivid light, split color palette tagged 2026 trends, gradient, neon. A split scheme: Royal Blue plays against Pink across roughly 99° of hue. 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, Wisteria takes the lead while the rest support. Lightness runs from 69% to 98%. Well suited to websites, presentations and branding.

Background: Snow (#FFF6F8) is the lightest color, so it belongs on large surfaces.
Text: Royal Blue (#6C60FF) on #FFF6F8 gives 4.16:1, enough for large headings only.
Primary: Wisteria (#A998FF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Pink (#FFBDCF) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Violet Royal Blue & Wisteria

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

#6C60FF

#A998FF

#FFBDCF

#FFF6F8

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
`#6C60FF` on `#FFF6F8`	Aa	4.16:1	AA large only
`#6C60FF` on `#FFBDCF`	Aa	2.82:1	Fail
`#A998FF` on `#FFF6F8`	Aa	2.3:1	Fail
`#6C60FF` on `#A998FF`	Aa	1.81:1	Fail
`#A998FF` on `#FFBDCF`	Aa	1.56:1	Fail
`#FFBDCF` on `#FFF6F8`	Aa	1.47:1	Fail

Similar palettes 24 more in this mood