Blush Hour to Jungle Color Palette

About this palette

Blush Hour to Jungle is a 6-color vibrant, neon palette: #FF6D86 (Blush Hour), #8EC1FF (Pastel Blue), #F61886 (Flickr Pink), #CA94FF (Diva), #A42A9D (Purple Ink), #00A357 (Jungle). It mixes red, blue, pink, purple, green tones and feels balanced overall. The strongest text pairing is #8EC1FF on #A42A9D with a contrast ratio of 3.30:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blush Hour	rgb(255, 109, 134)	hsl(350, 100%, 71%)
Pastel Blue	rgb(142, 193, 255)	hsl(213, 100%, 78%)
Flickr Pink	rgb(246, 24, 134)	hsl(330, 92%, 53%)
Diva	rgb(202, 148, 255)	hsl(270, 100%, 79%)
Purple Ink	rgb(164, 42, 157)	hsl(303, 59%, 40%)
Jungle	rgb(0, 163, 87)	hsl(152, 100%, 32%)

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.30:1 Poor#8EC1FF on #A42A9D
Aa3.30:1 Poor#A42A9D on #8EC1FF

Color blindness preview

CSS variables

/* Blush Hour to Jungle — https://swatchly.xyz/palette/ff6d86-8ec1ff-f61886-ca94ff-a42a9d-00a357 */
:root {
  --blush-hour: #ff6d86;
  --pastel-blue: #8ec1ff;
  --flickr-pink: #f61886;
  --diva: #ca94ff;
  --purple-ink: #a42a9d;
  --jungle: #00a357;
}

Tailwind CSS v4

/* Blush Hour to Jungle — https://swatchly.xyz/palette/ff6d86-8ec1ff-f61886-ca94ff-a42a9d-00a357 */
@theme {
  --color-blush-hour: #ff6d86;
  --color-blush-hour-50: #fff3f4;
  --color-blush-hour-100: #ffe6e8;
  --color-blush-hour-200: #ffcacf;
  --color-blush-hour-300: #ffa7b1;
  --color-blush-hour-400: #ff6d86;
  --color-blush-hour-500: #de4f6b;
  --color-blush-hour-600: #bd3151;
  --color-blush-hour-700: #9d183d;
  --color-blush-hour-800: #80032d;
  --color-blush-hour-900: #640021;
  --color-blush-hour-950: #410012;
  --color-pastel-blue: #8ec1ff;
  --color-pastel-blue-50: #ebf4ff;
  --color-pastel-blue-100: #daeaff;
  --color-pastel-blue-200: #b7d8ff;
  --color-pastel-blue-300: #8ec1ff;
  --color-pastel-blue-400: #72a2dc;
  --color-pastel-blue-500: #5687c1;
  --color-pastel-blue-600: #3d6ca3;
  --color-pastel-blue-700: #2b5688;
  --color-pastel-blue-800: #1d436f;
  --color-pastel-blue-900: #133359;
  --color-pastel-blue-950: #08203a;
  --color-flickr-pink: #f61886;
  --color-flickr-pink-50: #fff2f6;
  --color-flickr-pink-100: #ffe5ec;
  --color-flickr-pink-200: #ffc9d9;
  --color-flickr-pink-300: #ffa6c2;
  --color-flickr-pink-400: #ff6aa2;
  --color-flickr-pink-500: #f61886;
  --color-flickr-pink-600: #ca006b;
  --color-flickr-pink-700: #a20055;
  --color-flickr-pink-800: #800042;
  --color-flickr-pink-900: #640032;
  --color-flickr-pink-950: #41001e;
  --color-diva: #ca94ff;
  --color-diva-50: #fcf9ff;
  --color-diva-100: #f7f0ff;
  --color-diva-200: #ebdaff;
  --color-diva-300: #ddbeff;
  --color-diva-400: #ca94ff;
  --color-diva-500: #ab76dd;
  --color-diva-600: #8d58bd;
  --color-diva-700: #723f9d;
  --color-diva-800: #592c7f;
  --color-diva-900: #451e64;
  --color-diva-950: #2a0f40;
  --color-purple-ink: #a42a9d;
  --color-purple-ink-50: #fff0fd;
  --color-purple-ink-100: #ffdffb;
  --color-purple-ink-200: #ffbdf7;
  --color-purple-ink-300: #fd93f3;
  --color-purple-ink-400: #e06bd7;
  --color-purple-ink-500: #c34aba;
  --color-purple-ink-600: #a42a9d;
  --color-purple-ink-700: #861681;
  --color-purple-ink-800: #6d0368;
  --color-purple-ink-900: #560052;
  --color-purple-ink-950: #380035;
  --color-jungle: #00a357;
  --color-jungle-50: #e0ffe8;
  --color-jungle-100: #bcffcf;
  --color-jungle-200: #99f0b4;
  --color-jungle-300: #76dc98;
  --color-jungle-400: #43be74;
  --color-jungle-500: #00a357;
  --color-jungle-600: #008345;
  --color-jungle-700: #006836;
  --color-jungle-800: #005229;
  --color-jungle-900: #003f1e;
  --color-jungle-950: #002810;
}