What are the hex codes in the Regal Orchid & Melon palette?

The Regal Orchid & Melon color palette consists of Prussian Blue #00365B, Orchid #BE73BB, Melon #FFA7B9, Petal #FFE1D8.

How should I use the Regal Orchid & Melon palette on a website?

Use Petal #FFE1D8 as the background, Prussian Blue #00365B for text, Melon #FFA7B9 for buttons and links, and Orchid #BE73BB for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Prussian Blue on Petal at 10.13:1.

Which colors in Regal Orchid & Melon have enough contrast for text?

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

#00365BPrussian Blue

#BE73BBOrchid

#FFA7B9Melon

#FFE1D8Petal

Regal Orchid & Melon color palette

Modern Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Prussian Blue	`#00365B`	`rgb(0, 54, 91)`	`hsl(204, 100%, 18%)`	`oklch(32.3% 0.083 246)`
Orchid	`#BE73BB`	`rgb(190, 115, 187)`	`hsl(302, 37%, 60%)`	`oklch(66.1% 0.133 328)`
Melon	`#FFA7B9`	`rgb(255, 167, 185)`	`hsl(348, 100%, 83%)`	`oklch(82.0% 0.106 6)`
Petal	`#FFE1D8`	`rgb(255, 225, 216)`	`hsl(14, 100%, 92%)`	`oklch(93.2% 0.035 37)`

Why it works and how to use it

Regal Orchid & Melon is a vivid complementary color palette tagged modern, purple. Near-complementary hues (about 170° 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 4 chromatic colors, Melon takes the lead while the rest support. Lightness runs from 18% to 92%. Well suited to websites, presentations and branding.

Background: Petal (#FFE1D8) is the lightest color, so it belongs on large surfaces.
Text: Prussian Blue (#00365B) on #FFE1D8 gives 10.13:1, passing WCAG AAA.
Primary: Melon (#FFA7B9) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Orchid (#BE73BB) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Prussian Blue on Petal at 10.13:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Regal Orchid & Melon

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

#00365B

#BE73BB

#FFA7B9

#FFE1D8

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
`#00365B` on `#FFE1D8`	Aa	10.13:1	AAA
`#00365B` on `#FFA7B9`	Aa	6.84:1	AA
`#00365B` on `#BE73BB`	Aa	3.79:1	AA large only
`#BE73BB` on `#FFE1D8`	Aa	2.68:1	Fail
`#BE73BB` on `#FFA7B9`	Aa	1.81:1	Fail
`#FFA7B9` on `#FFE1D8`	Aa	1.48:1	Fail

Similar palettes 24 more in this mood