Flaming Flamingo to Sugar Chic Color Palette

About this palette

Flaming Flamingo to Sugar Chic is a 4-color vibrant, light, neon palette: #DD4CF9 (Flaming Flamingo), #FF8453 (Nectarine), #F7B500 (Waxy Corn), #F3C6FF (Sugar Chic). It mixes purple, orange, yellow tones and feels balanced overall. The strongest text pairing is #DD4CF9 on #F3C6FF with a contrast ratio of 2.21:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Flaming Flamingo	rgb(221, 76, 249)	hsl(290, 94%, 64%)
Nectarine	rgb(255, 132, 83)	hsl(17, 100%, 66%)
Waxy Corn	rgb(247, 181, 0)	hsl(44, 100%, 48%)
Sugar Chic	rgb(243, 198, 255)	hsl(287, 100%, 89%)

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

CSS variables

/* Flaming Flamingo to Sugar Chic — https://swatchly.xyz/palette/dd4cf9-ff8453-f7b500-f3c6ff */
:root {
  --flaming-flamingo: #dd4cf9;
  --nectarine: #ff8453;
  --waxy-corn: #f7b500;
  --sugar-chic: #f3c6ff;
}

Tailwind CSS v4

/* Flaming Flamingo to Sugar Chic — https://swatchly.xyz/palette/dd4cf9-ff8453-f7b500-f3c6ff */
@theme {
  --color-flaming-flamingo: #dd4cf9;
  --color-flaming-flamingo-50: #fcecff;
  --color-flaming-flamingo-100: #f9dbff;
  --color-flaming-flamingo-200: #f3baff;
  --color-flaming-flamingo-300: #ec90ff;
  --color-flaming-flamingo-400: #dd4cf9;
  --color-flaming-flamingo-500: #c027dc;
  --color-flaming-flamingo-600: #a000b9;
  --color-flaming-flamingo-700: #810095;
  --color-flaming-flamingo-800: #660077;
  --color-flaming-flamingo-900: #51005f;
  --color-flaming-flamingo-950: #36003f;
  --color-nectarine: #ff8453;
  --color-nectarine-50: #fff7f4;
  --color-nectarine-100: #ffece5;
  --color-nectarine-200: #ffd4c4;
  --color-nectarine-300: #ffb69a;
  --color-nectarine-400: #ff8453;
  --color-nectarine-500: #dd6635;
  --color-nectarine-600: #bc480d;
  --color-nectarine-700: #983500;
  --color-nectarine-800: #772800;
  --color-nectarine-900: #5c1d00;
  --color-nectarine-950: #3a0f00;
  --color-waxy-corn: #f7b500;
  --color-waxy-corn-50: #fff4e1;
  --color-waxy-corn-100: #ffe9c2;
  --color-waxy-corn-200: #ffd17a;
  --color-waxy-corn-300: #f7b500;
  --color-waxy-corn-400: #cf9700;
  --color-waxy-corn-500: #ad7e00;
  --color-waxy-corn-600: #8b6500;
  --color-waxy-corn-700: #6f4f00;
  --color-waxy-corn-800: #573d00;
  --color-waxy-corn-900: #432f00;
  --color-waxy-corn-950: #2b1c00;
  --color-sugar-chic: #f3c6ff;
  --color-sugar-chic-50: #fcf2ff;
  --color-sugar-chic-100: #f9e4ff;
  --color-sugar-chic-200: #f3c6ff;
  --color-sugar-chic-300: #d8b2e2;
  --color-sugar-chic-400: #ba91c5;
  --color-sugar-chic-500: #9e75a9;
  --color-sugar-chic-600: #825b8d;
  --color-sugar-chic-700: #694573;
  --color-sugar-chic-800: #54345c;
  --color-sugar-chic-900: #412748;
  --color-sugar-chic-950: #2a172f;
}