What are the hex codes in the Candy Indigo & Hot Pink palette?

The Candy Indigo & Hot Pink color palette consists of Orchid #E488D8, Hot Pink #FF6B9F, Cornflower #7385DE, Indigo #5D009C.

How should I use the Candy Indigo & Hot Pink palette on a website?

Use Orchid #E488D8 as the background, Indigo #5D009C for text, Hot Pink #FF6B9F for buttons and links, and Cornflower #7385DE for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Orchid on Indigo at 4.53:1.

Which colors in Candy Indigo & Hot Pink have enough contrast for text?

The highest-contrast pair is #E488D8 on #5D009C with a ratio of 4.53:1, which passes WCAG AA for normal text.

#E488D8Orchid

#FF6B9FHot Pink

#7385DECornflower

#5D009CIndigo

Candy Indigo & Hot Pink color palette

Vibrant Purple Pink Blue

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Orchid	`#E488D8`	`rgb(228, 136, 216)`	`hsl(308, 63%, 71%)`	`oklch(75.0% 0.150 332)`
Hot Pink	`#FF6B9F`	`rgb(255, 107, 159)`	`hsl(339, 100%, 71%)`	`oklch(72.4% 0.186 1)`
Cornflower	`#7385DE`	`rgb(115, 133, 222)`	`hsl(230, 62%, 66%)`	`oklch(64.2% 0.135 273)`
Indigo	`#5D009C`	`rgb(93, 0, 156)`	`hsl(276, 100%, 31%)`	`oklch(39.0% 0.205 303)`

Why it works and how to use it

Candy Indigo & Hot Pink is a vivid split color palette tagged vibrant, purple, pink. A split scheme: Orchid plays against Indigo across roughly 109° 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 4 chromatic colors, Hot Pink takes the lead while the rest support. Lightness runs from 31% to 71%. Well suited to websites, presentations and branding.

Background: Orchid (#E488D8) is the lightest color, so it belongs on large surfaces.
Text: Indigo (#5D009C) on #E488D8 gives 4.53:1, passing WCAG AA.
Primary: Hot Pink (#FF6B9F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Cornflower (#7385DE) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Orchid on Indigo at 4.53:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Candy Indigo & Hot Pink

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

#E488D8

#FF6B9F

#7385DE

#5D009C

Color-blind check: under protanopia, Orchid and Cornflower become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#E488D8` on `#5D009C`	Aa	4.53:1	AA
`#FF6B9F` on `#5D009C`	Aa	4.04:1	AA large only
`#7385DE` on `#5D009C`	Aa	3.16:1	AA large only
`#E488D8` on `#7385DE`	Aa	1.44:1	Fail
`#FF6B9F` on `#7385DE`	Aa	1.28:1	Fail
`#E488D8` on `#FF6B9F`	Aa	1.12:1	Fail

:root {
  --orchid: #E488D8;
  --hot-pink: #FF6B9F;
  --cornflower: #7385DE;
  --indigo: #5D009C;
}

$orchid: #E488D8;
$hot-pink: #FF6B9F;
$cornflower: #7385DE;
$indigo: #5D009C;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'orchid': '#E488D8',
        'hot-pink': '#FF6B9F',
        'cornflower': '#7385DE',
        'indigo': '#5D009C',
      },
    },
  },
};

{
  "name": "Candy Indigo & Hot Pink",
  "colors": [
    "#E488D8",
    "#FF6B9F",
    "#7385DE",
    "#5D009C"
  ]
}

background: linear-gradient(135deg, #E488D8, #FF6B9F, #7385DE, #5D009C);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2024-11-21 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood