What are the hex codes in the Regal Wisteria & Copper palette?

The Regal Wisteria & Copper color palette consists of Copper #AD7500, Wisteria #A594F9, Periwinkle #CDC1FF, Frost #F5EFFF.

How should I use the Regal Wisteria & Copper palette on a website?

Use Frost #F5EFFF as the background, Copper #AD7500 for text, Periwinkle #CDC1FF for buttons and links, and Wisteria #A594F9 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Regal Wisteria & Copper have enough contrast for text?

The highest-contrast pair is #AD7500 on #F5EFFF with a ratio of 3.51:1, which passes WCAG AA for large text only.

#AD7500Copper

#A594F9Wisteria

#CDC1FFPeriwinkle

#F5EFFFFrost

Regal Wisteria & Copper color palette

Modern Purple White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Copper	`#AD7500`	`rgb(173, 117, 0)`	`hsl(41, 100%, 34%)`	`oklch(60.5% 0.127 76)`
Wisteria	`#A594F9`	`rgb(165, 148, 249)`	`hsl(250, 89%, 78%)`	`oklch(72.3% 0.144 290)`
Periwinkle	`#CDC1FF`	`rgb(205, 193, 255)`	`hsl(252, 100%, 88%)`	`oklch(84.2% 0.086 293)`
Frost	`#F5EFFF`	`rgb(245, 239, 255)`	`hsl(263, 100%, 97%)`	`oklch(96.1% 0.022 303)`

Why it works and how to use it

Regal Wisteria & Copper is a vivid light, complementary color palette tagged modern, purple, white. Copper and Periwinkle sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Periwinkle takes the lead while the rest support. Lightness runs from 34% to 97%. Well suited to websites, presentations and branding.

Background: Frost (#F5EFFF) is the lightest color, so it belongs on large surfaces.
Text: Copper (#AD7500) on #F5EFFF gives 3.51:1, enough for large headings only.
Primary: Periwinkle (#CDC1FF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Wisteria (#A594F9) 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 Regal Wisteria & Copper

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

#AD7500

#A594F9

#CDC1FF

#F5EFFF

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
`#AD7500` on `#F5EFFF`	Aa	3.51:1	AA large only
`#AD7500` on `#CDC1FF`	Aa	2.38:1	Fail
`#A594F9` on `#F5EFFF`	Aa	2.28:1	Fail
`#AD7500` on `#A594F9`	Aa	1.54:1	Fail
`#A594F9` on `#CDC1FF`	Aa	1.54:1	Fail
`#CDC1FF` on `#F5EFFF`	Aa	1.47:1	Fail

:root {
  --copper: #AD7500;
  --wisteria: #A594F9;
  --periwinkle: #CDC1FF;
  --frost: #F5EFFF;
}

$copper: #AD7500;
$wisteria: #A594F9;
$periwinkle: #CDC1FF;
$frost: #F5EFFF;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'copper': '#AD7500',
        'wisteria': '#A594F9',
        'periwinkle': '#CDC1FF',
        'frost': '#F5EFFF',
      },
    },
  },
};

{
  "name": "Regal Wisteria & Copper",
  "colors": [
    "#AD7500",
    "#A594F9",
    "#CDC1FF",
    "#F5EFFF"
  ]
}

background: linear-gradient(135deg, #AD7500, #A594F9, #CDC1FF, #F5EFFF);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-10-18 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood