Honeysuckle to Alligator Gladiator color palette

E8ED71Honeysuckle C6AE00Sulphur 7676EFPan Purple 4943C2Royal Nightcore 483B00Alligator Gladiator

About this palette

Honeysuckle to Alligator Gladiator is a 5-color vibrant, warm palette: #E8ED71 (Honeysuckle), #C6AE00 (Sulphur), #7676EF (Pan Purple), #4943C2 (Royal Nightcore), #483B00 (Alligator Gladiator). It mixes yellow, purple, brown tones and feels warm overall. The strongest text pairing is #E8ED71 on #483B00 with a contrast ratio of 8.83:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Honeysuckle	rgb(232, 237, 113)	hsl(62, 78%, 69%)
Sulphur	rgb(198, 174, 0)	hsl(53, 100%, 39%)
Pan Purple	rgb(118, 118, 239)	hsl(240, 79%, 70%)
Royal Nightcore	rgb(73, 67, 194)	hsl(243, 51%, 51%)
Alligator Gladiator	rgb(72, 59, 0)	hsl(49, 100%, 14%)

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.

Aa8.83:1 Very good#E8ED71 on #483B00
Aa8.83:1 Very good#483B00 on #E8ED71
Aa5.86:1 Good#E8ED71 on #4943C2
Aa5.86:1 Good#4943C2 on #E8ED71
Aa4.97:1 Good#C6AE00 on #483B00
Aa4.97:1 Good#483B00 on #C6AE00
Aa3.30:1 Poor#C6AE00 on #4943C2
Aa3.30:1 Poor#4943C2 on #C6AE00

Color blindness preview

CSS variables

/* Honeysuckle to Alligator Gladiator — https://swatchly.xyz/palette/e8ed71-c6ae00-7676ef-4943c2-483b00 */
:root {
  --honeysuckle: #e8ed71;
  --sulphur: #c6ae00;
  --pan-purple: #7676ef;
  --royal-nightcore: #4943c2;
  --alligator-gladiator: #483b00;
}

Tailwind CSS v4

/* Honeysuckle to Alligator Gladiator — https://swatchly.xyz/palette/e8ed71-c6ae00-7676ef-4943c2-483b00 */
@theme {
  --color-honeysuckle: #e8ed71;
  --color-honeysuckle-50: #f1f5b1;
  --color-honeysuckle-100: #e8ed71;
  --color-honeysuckle-200: #d4d97e;
  --color-honeysuckle-300: #c0c45b;
  --color-honeysuckle-400: #a2a625;
  --color-honeysuckle-500: #888b00;
  --color-honeysuckle-600: #6e7000;
  --color-honeysuckle-700: #585a00;
  --color-honeysuckle-800: #454600;
  --color-honeysuckle-900: #353600;
  --color-honeysuckle-950: #202100;
  --color-sulphur: #c6ae00;
  --color-sulphur-50: #fffadf;
  --color-sulphur-100: #fff3b2;
  --color-sulphur-200: #f1e28c;
  --color-sulphur-300: #dfcd66;
  --color-sulphur-400: #c6ae00;
  --color-sulphur-500: #a49000;
  --color-sulphur-600: #847400;
  --color-sulphur-700: #685b00;
  --color-sulphur-800: #514600;
  --color-sulphur-900: #3d3500;
  --color-sulphur-950: #251f00;
  --color-pan-purple: #7676ef;
  --color-pan-purple-50: #f3f5ff;
  --color-pan-purple-100: #e8eaff;
  --color-pan-purple-200: #d0d5ff;
  --color-pan-purple-300: #b6bcff;
  --color-pan-purple-400: #9296ff;
  --color-pan-purple-500: #7676ef;
  --color-pan-purple-600: #5d5ace;
  --color-pan-purple-700: #4943ae;
  --color-pan-purple-800: #38318f;
  --color-pan-purple-900: #2a2374;
  --color-pan-purple-950: #19144d;
  --color-royal-nightcore: #4943c2;
  --color-royal-nightcore-50: #f3f4ff;
  --color-royal-nightcore-100: #e6eaff;
  --color-royal-nightcore-200: #cfd6ff;
  --color-royal-nightcore-300: #b5beff;
  --color-royal-nightcore-400: #9099ff;
  --color-royal-nightcore-500: #7377fa;
  --color-royal-nightcore-600: #5c5cdb;
  --color-royal-nightcore-700: #4943c2;
  --color-royal-nightcore-800: #38339c;
  --color-royal-nightcore-900: #2a247f;
  --color-royal-nightcore-950: #191456;
  --color-alligator-gladiator: #483b00;
  --color-alligator-gladiator-50: #fdf6d8;
  --color-alligator-gladiator-100: #f4ecca;
  --color-alligator-gladiator-200: #e2d8b0;
  --color-alligator-gladiator-300: #ccc092;
  --color-alligator-gladiator-400: #ad9f6c;
  --color-alligator-gladiator-500: #90824e;
  --color-alligator-gladiator-600: #746735;
  --color-alligator-gladiator-700: #5b4f21;
  --color-alligator-gladiator-800: #483b00;
  --color-alligator-gladiator-900: #362d0b;
  --color-alligator-gladiator-950: #211b04;
}