Nebula to Waxy Corn Color Palette

About this palette

Nebula to Waxy Corn is a 5-color vibrant, cool, neon palette: #A100CA (Nebula), #009C47 (Green Revolution), #00A49E (Silken Jade), #CB88FF (Fake Love), #F9B200 (Waxy Corn). It mixes purple, green, turquoise, yellow tones and feels cool overall. The strongest text pairing is #A100CA on #F9B200 with a contrast ratio of 3.38:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Nebula	rgb(161, 0, 202)	hsl(288, 100%, 40%)
Green Revolution	rgb(0, 156, 71)	hsl(147, 100%, 31%)
Silken Jade	rgb(0, 164, 158)	hsl(178, 100%, 32%)
Fake Love	rgb(203, 136, 255)	hsl(274, 100%, 77%)
Waxy Corn	rgb(249, 178, 0)	hsl(43, 100%, 49%)

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.

Aa3.38:1 Poor#A100CA on #F9B200
Aa3.38:1 Poor#F9B200 on #A100CA

Color blindness preview

CSS variables

/* Nebula to Waxy Corn — https://swatchly.xyz/palette/a100ca-009c47-00a49e-cb88ff-f9b200 */
:root {
  --nebula: #a100ca;
  --green-revolution: #009c47;
  --silken-jade: #00a49e;
  --fake-love: #cb88ff;
  --waxy-corn: #f9b200;
}

Tailwind CSS v4

/* Nebula to Waxy Corn — https://swatchly.xyz/palette/a100ca-009c47-00a49e-cb88ff-f9b200 */
@theme {
  --color-nebula: #a100ca;
  --color-nebula-50: #fbf1ff;
  --color-nebula-100: #f7e3ff;
  --color-nebula-200: #efc5ff;
  --color-nebula-300: #e5a2ff;
  --color-nebula-400: #d766ff;
  --color-nebula-500: #bf39e9;
  --color-nebula-600: #a100ca;
  --color-nebula-700: #8100a2;
  --color-nebula-800: #660081;
  --color-nebula-900: #4f0065;
  --color-nebula-950: #330043;
  --color-green-revolution: #009c47;
  --color-green-revolution-50: #dcffe2;
  --color-green-revolution-100: #b7fec5;
  --color-green-revolution-200: #96eda9;
  --color-green-revolution-300: #72d88b;
  --color-green-revolution-400: #40b965;
  --color-green-revolution-500: #009c47;
  --color-green-revolution-600: #007e38;
  --color-green-revolution-700: #00642b;
  --color-green-revolution-800: #004f20;
  --color-green-revolution-900: #003d17;
  --color-green-revolution-950: #00270c;
  --color-silken-jade: #00a49e;
  --color-silken-jade-50: #ddfffc;
  --color-silken-jade-100: #bbfdf8;
  --color-silken-jade-200: #9ceee8;
  --color-silken-jade-300: #7adbd4;
  --color-silken-jade-400: #47beb8;
  --color-silken-jade-500: #00a49e;
  --color-silken-jade-600: #00847f;
  --color-silken-jade-700: #006965;
  --color-silken-jade-800: #00524e;
  --color-silken-jade-900: #003e3c;
  --color-silken-jade-950: #002725;
  --color-fake-love: #cb88ff;
  --color-fake-love-50: #fbf6ff;
  --color-fake-love-100: #f6ecff;
  --color-fake-love-200: #ead3ff;
  --color-fake-love-300: #ddb6ff;
  --color-fake-love-400: #cb88ff;
  --color-fake-love-500: #ac6ade;
  --color-fake-love-600: #8f4dbe;
  --color-fake-love-700: #74369f;
  --color-fake-love-800: #5c2481;
  --color-fake-love-900: #481766;
  --color-fake-love-950: #2d0a43;
  --color-waxy-corn: #f9b200;
  --color-waxy-corn-50: #fff3e1;
  --color-waxy-corn-100: #ffe8c2;
  --color-waxy-corn-200: #ffcf7e;
  --color-waxy-corn-300: #f9b200;
  --color-waxy-corn-400: #d19500;
  --color-waxy-corn-500: #ae7b00;
  --color-waxy-corn-600: #8d6300;
  --color-waxy-corn-700: #704e00;
  --color-waxy-corn-800: #583d00;
  --color-waxy-corn-900: #452e00;
  --color-waxy-corn-950: #2c1c00;
}