Kiwi Crush to Groovy Lemon Pie color palette

79BD12Kiwi Crush 2F67FFBluerocratic 0093CESwimmer FF6FCDNervous Neon Pink D23900Lava Smoothie D7BC00Groovy Lemon Pie

Open in generator Export PNG, PDF, ASE…

About this palette

Kiwi Crush to Groovy Lemon Pie is a 6-color vibrant, neon palette: #79BD12 (Kiwi Crush), #2F67FF (Bluerocratic), #0093CE (Swimmer), #FF6FCD (Nervous Neon Pink), #D23900 (Lava Smoothie), #D7BC00 (Groovy Lemon Pie). It mixes green, blue, pink, red, yellow tones and feels balanced overall. The strongest text pairing is #D23900 on #D7BC00 with a contrast ratio of 2.56:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Kiwi Crush	rgb(121, 189, 18)	hsl(84, 83%, 41%)
Bluerocratic	rgb(47, 103, 255)	hsl(224, 100%, 59%)
Swimmer	rgb(0, 147, 206)	hsl(197, 100%, 40%)
Nervous Neon Pink	rgb(255, 111, 205)	hsl(321, 100%, 72%)
Lava Smoothie	rgb(210, 57, 0)	hsl(16, 100%, 41%)
Groovy Lemon Pie	rgb(215, 188, 0)	hsl(52, 100%, 42%)

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

/* Kiwi Crush to Groovy Lemon Pie — https://swatchly.xyz/palette/79bd12-2f67ff-0093ce-ff6fcd-d23900-d7bc00 */
:root {
  --kiwi-crush: #79bd12;
  --bluerocratic: #2f67ff;
  --swimmer: #0093ce;
  --nervous-neon-pink: #ff6fcd;
  --lava-smoothie: #d23900;
  --groovy-lemon-pie: #d7bc00;
}

Tailwind CSS v4

/* Kiwi Crush to Groovy Lemon Pie — https://swatchly.xyz/palette/79bd12-2f67ff-0093ce-ff6fcd-d23900-d7bc00 */
@theme {
  --color-kiwi-crush: #79bd12;
  --color-kiwi-crush-50: #eaffd9;
  --color-kiwi-crush-100: #d2feab;
  --color-kiwi-crush-200: #baee89;
  --color-kiwi-crush-300: #9fda63;
  --color-kiwi-crush-400: #79bd12;
  --color-kiwi-crush-500: #639d00;
  --color-kiwi-crush-600: #4f7f00;
  --color-kiwi-crush-700: #3d6400;
  --color-kiwi-crush-800: #2f4e00;
  --color-kiwi-crush-900: #233c00;
  --color-kiwi-crush-950: #132500;
  --color-bluerocratic: #2f67ff;
  --color-bluerocratic-50: #f0f5ff;
  --color-bluerocratic-100: #e5eeff;
  --color-bluerocratic-200: #ccddff;
  --color-bluerocratic-300: #adc8ff;
  --color-bluerocratic-400: #80a8ff;
  --color-bluerocratic-500: #588aff;
  --color-bluerocratic-600: #2f67ff;
  --color-bluerocratic-700: #1b4cdb;
  --color-bluerocratic-800: #0e36b6;
  --color-bluerocratic-900: #062594;
  --color-bluerocratic-950: #021365;
  --color-swimmer: #0093ce;
  --color-swimmer-50: #ecf8ff;
  --color-swimmer-100: #d8f0ff;
  --color-swimmer-200: #afe0ff;
  --color-swimmer-300: #79cdff;
  --color-swimmer-400: #41afe9;
  --color-swimmer-500: #0093ce;
  --color-swimmer-600: #0076a7;
  --color-swimmer-700: #005e85;
  --color-swimmer-800: #004969;
  --color-swimmer-900: #003852;
  --color-swimmer-950: #002335;
  --color-nervous-neon-pink: #ff6fcd;
  --color-nervous-neon-pink-50: #fff6fb;
  --color-nervous-neon-pink-100: #ffeaf6;
  --color-nervous-neon-pink-200: #ffcfea;
  --color-nervous-neon-pink-300: #ffacde;
  --color-nervous-neon-pink-400: #ff6fcd;
  --color-nervous-neon-pink-500: #dd50ae;
  --color-nervous-neon-pink-600: #bb2e90;
  --color-nervous-neon-pink-700: #9b1075;
  --color-nervous-neon-pink-800: #7c005c;
  --color-nervous-neon-pink-900: #5f0046;
  --color-nervous-neon-pink-950: #3d002c;
  --color-lava-smoothie: #d23900;
  --color-lava-smoothie-50: #fff2ee;
  --color-lava-smoothie-100: #ffe8e1;
  --color-lava-smoothie-200: #ffd0c3;
  --color-lava-smoothie-300: #ffb29d;
  --color-lava-smoothie-400: #ff805e;
  --color-lava-smoothie-500: #ef572e;
  --color-lava-smoothie-600: #d23900;
  --color-lava-smoothie-700: #a82c00;
  --color-lava-smoothie-800: #852000;
  --color-lava-smoothie-900: #671700;
  --color-lava-smoothie-950: #430b00;
  --color-groovy-lemon-pie: #d7bc00;
  --color-groovy-lemon-pie-50: #fff4b9;
  --color-groovy-lemon-pie-100: #f9e995;
  --color-groovy-lemon-pie-200: #e8d46d;
  --color-groovy-lemon-pie-300: #d7bc00;
  --color-groovy-lemon-pie-400: #b49e00;
  --color-groovy-lemon-pie-500: #968300;
  --color-groovy-lemon-pie-600: #7a6a00;
  --color-groovy-lemon-pie-700: #615400;
  --color-groovy-lemon-pie-800: #4c4200;
  --color-groovy-lemon-pie-900: #3c3300;
  --color-groovy-lemon-pie-950: #251f00;
}