Start generating

Flaming Flamingo to Violet Heaven color palette

E75CFBFlaming FlamingoE28600Hotter Butter966500Embarrassed Frog968300Captain KirkC6B0FFViolet Heaven
Open in generator Export PNG, PDF, ASE…

About this palette

Flaming Flamingo to Violet Heaven is a 5-color vibrant, warm, neon palette: #E75CFB (Flaming Flamingo), #E28600 (Hotter Butter), #966500 (Embarrassed Frog), #968300 (Captain Kirk), #C6B0FF (Violet Heaven). It mixes pink, orange, brown, yellow, purple tones and feels warm overall. The strongest text pairing is #966500 on #C6B0FF with a contrast ratio of 2.66:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Flaming Flamingorgb(231, 92, 251)hsl(292, 95%, 67%)
Hotter Butterrgb(226, 134, 0)hsl(36, 100%, 44%)
Embarrassed Frogrgb(150, 101, 0)hsl(40, 100%, 29%)
Captain Kirkrgb(150, 131, 0)hsl(52, 100%, 29%)
Violet Heavenrgb(198, 176, 255)hsl(257, 100%, 85%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

    Color blindness preview

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Flaming Flamingo to Violet Heaven — https://swatchly.xyz/palette/e75cfb-e28600-966500-968300-c6b0ff */
:root {
  --flaming-flamingo: #e75cfb;
  --hotter-butter: #e28600;
  --embarrassed-frog: #966500;
  --captain-kirk: #968300;
  --violet-heaven: #c6b0ff;
}

    Tailwind CSS v4

    /* Flaming Flamingo to Violet Heaven — https://swatchly.xyz/palette/e75cfb-e28600-966500-968300-c6b0ff */
@theme {
  --color-flaming-flamingo: #e75cfb;
  --color-flaming-flamingo-50: #fdf1ff;
  --color-flaming-flamingo-100: #fce2ff;
  --color-flaming-flamingo-200: #f8c3ff;
  --color-flaming-flamingo-300: #f39cff;
  --color-flaming-flamingo-400: #e75cfb;
  --color-flaming-flamingo-500: #c83bdc;
  --color-flaming-flamingo-600: #a90fbc;
  --color-flaming-flamingo-700: #880099;
  --color-flaming-flamingo-800: #6c0079;
  --color-flaming-flamingo-900: #54005f;
  --color-flaming-flamingo-950: #36003e;
  --color-hotter-butter: #e28600;
  --color-hotter-butter-50: #fff2e6;
  --color-hotter-butter-100: #ffe5cd;
  --color-hotter-butter-200: #ffca9a;
  --color-hotter-butter-300: #fcab58;
  --color-hotter-butter-400: #e28600;
  --color-hotter-butter-500: #bd6f00;
  --color-hotter-butter-600: #995900;
  --color-hotter-butter-700: #7a4600;
  --color-hotter-butter-800: #603600;
  --color-hotter-butter-900: #4b2900;
  --color-hotter-butter-950: #311900;
  --color-embarrassed-frog: #966500;
  --color-embarrassed-frog-50: #fff3e3;
  --color-embarrassed-frog-100: #ffe8c9;
  --color-embarrassed-frog-200: #fad29b;
  --color-embarrassed-frog-300: #e8bb7b;
  --color-embarrassed-frog-400: #cc9b50;
  --color-embarrassed-frog-500: #b17f2d;
  --color-embarrassed-frog-600: #966500;
  --color-embarrassed-frog-700: #785000;
  --color-embarrassed-frog-800: #5e3e00;
  --color-embarrassed-frog-900: #492f00;
  --color-embarrassed-frog-950: #2e1c00;
  --color-captain-kirk: #968300;
  --color-captain-kirk-50: #fff6c4;
  --color-captain-kirk-100: #f7ecae;
  --color-captain-kirk-200: #e5d78d;
  --color-captain-kirk-300: #d0c06a;
  --color-captain-kirk-400: #b29f39;
  --color-captain-kirk-500: #968300;
  --color-captain-kirk-600: #796900;
  --color-captain-kirk-700: #605300;
  --color-captain-kirk-800: #4b4100;
  --color-captain-kirk-900: #3a3200;
  --color-captain-kirk-950: #251f00;
  --color-violet-heaven: #c6b0ff;
  --color-violet-heaven-50: #f5f2ff;
  --color-violet-heaven-100: #ece6ff;
  --color-violet-heaven-200: #dacdff;
  --color-violet-heaven-300: #c6b0ff;
  --color-violet-heaven-400: #a792db;
  --color-violet-heaven-500: #8c76c0;
  --color-violet-heaven-600: #725ca3;
  --color-violet-heaven-700: #5b4787;
  --color-violet-heaven-800: #48366e;
  --color-violet-heaven-900: #382857;
  --color-violet-heaven-950: #23173a;
}

    Similar palettes