Alarming Slime to Ruminant’s Paradise color palette

43E430Alarming Slime A66B00Cookie Dough DE4A95Kirby 00C5DBCaribbean Blue 66A900Ruminant’s Paradise

About this palette

Alarming Slime to Ruminant’s Paradise is a 5-color vibrant, cool, neon palette: #43E430 (Alarming Slime), #A66B00 (Cookie Dough), #DE4A95 (Kirby), #00C5DB (Caribbean Blue), #66A900 (Ruminant’s Paradise). It mixes green, brown, pink, turquoise tones and feels cool overall. The strongest text pairing is #43E430 on #A66B00 with a contrast ratio of 2.62:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Alarming Slime	rgb(67, 228, 48)	hsl(114, 77%, 54%)
Cookie Dough	rgb(166, 107, 0)	hsl(39, 100%, 33%)
Kirby	rgb(222, 74, 149)	hsl(330, 69%, 58%)
Caribbean Blue	rgb(0, 197, 219)	hsl(186, 100%, 43%)
Ruminant’s Paradise	rgb(102, 169, 0)	hsl(84, 100%, 33%)

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

/* Alarming Slime to Ruminant’s Paradise — https://swatchly.xyz/palette/43e430-a66b00-de4a95-00c5db-66a900 */
:root {
  --alarming-slime: #43e430;
  --cookie-dough: #a66b00;
  --kirby: #de4a95;
  --caribbean-blue: #00c5db;
  --ruminant-s-paradise: #66a900;
}

Tailwind CSS v4

/* Alarming Slime to Ruminant’s Paradise — https://swatchly.xyz/palette/43e430-a66b00-de4a95-00c5db-66a900 */
@theme {
  --color-alarming-slime: #43e430;
  --color-alarming-slime-50: #dfffdb;
  --color-alarming-slime-100: #bcffb3;
  --color-alarming-slime-200: #89f47c;
  --color-alarming-slime-300: #43e430;
  --color-alarming-slime-400: #20c100;
  --color-alarming-slime-500: #19a100;
  --color-alarming-slime-600: #128200;
  --color-alarming-slime-700: #0c6800;
  --color-alarming-slime-800: #075100;
  --color-alarming-slime-900: #043f00;
  --color-alarming-slime-950: #012800;
  --color-cookie-dough: #a66b00;
  --color-cookie-dough-50: #fff0df;
  --color-cookie-dough-100: #ffe1be;
  --color-cookie-dough-200: #f8c689;
  --color-cookie-dough-300: #e4ac65;
  --color-cookie-dough-400: #c58936;
  --color-cookie-dough-500: #a66b00;
  --color-cookie-dough-600: #865600;
  --color-cookie-dough-700: #6c4400;
  --color-cookie-dough-800: #553500;
  --color-cookie-dough-900: #432900;
  --color-cookie-dough-950: #2c1900;
  --color-kirby: #de4a95;
  --color-kirby-50: #fff2f7;
  --color-kirby-100: #ffe5ef;
  --color-kirby-200: #ffc8de;
  --color-kirby-300: #ffa4cb;
  --color-kirby-400: #fa6cb0;
  --color-kirby-500: #de4a95;
  --color-kirby-600: #bd2a79;
  --color-kirby-700: #9d0c61;
  --color-kirby-800: #7d004c;
  --color-kirby-900: #62003a;
  --color-kirby-950: #400024;
  --color-caribbean-blue: #00c5db;
  --color-caribbean-blue-50: #f0fdff;
  --color-caribbean-blue-100: #d9f9ff;
  --color-caribbean-blue-200: #9cf1ff;
  --color-caribbean-blue-300: #71e0f1;
  --color-caribbean-blue-400: #00c5db;
  --color-caribbean-blue-500: #00a4b6;
  --color-caribbean-blue-600: #008392;
  --color-caribbean-blue-700: #006774;
  --color-caribbean-blue-800: #00505a;
  --color-caribbean-blue-900: #003c44;
  --color-caribbean-blue-950: #00242a;
  --color-ruminant-s-paradise: #66a900;
  --color-ruminant-s-paradise-50: #ecffde;
  --color-ruminant-s-paradise-100: #d7ffb8;
  --color-ruminant-s-paradise-200: #bff196;
  --color-ruminant-s-paradise-300: #a5de74;
  --color-ruminant-s-paradise-400: #83c243;
  --color-ruminant-s-paradise-500: #66a900;
  --color-ruminant-s-paradise-600: #518800;
  --color-ruminant-s-paradise-700: #3f6c00;
  --color-ruminant-s-paradise-800: #305400;
  --color-ruminant-s-paradise-900: #234000;
  --color-ruminant-s-paradise-950: #142700;
}