Funky Monkey to Groovy Lemon Pie Color Palette

About this palette

Funky Monkey to Groovy Lemon Pie is a 4-color vibrant, warm, neon palette: #B35000 (Funky Monkey), #FC1984 (Neon Rose), #DCA000 (Mustard Musketeers), #C6C000 (Groovy Lemon Pie). It mixes brown, pink, yellow tones and feels warm overall. The strongest text pairing is #B35000 on #C6C000 with a contrast ratio of 2.69:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Funky Monkey	rgb(179, 80, 0)	hsl(27, 100%, 35%)
Neon Rose	rgb(252, 25, 132)	hsl(332, 97%, 54%)
Mustard Musketeers	rgb(220, 160, 0)	hsl(44, 100%, 43%)
Groovy Lemon Pie	rgb(198, 192, 0)	hsl(58, 100%, 39%)

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

/* Funky Monkey to Groovy Lemon Pie — https://swatchly.xyz/palette/b35000-fc1984-dca000-c6c000 */
:root {
  --funky-monkey: #b35000;
  --neon-rose: #fc1984;
  --mustard-musketeers: #dca000;
  --groovy-lemon-pie: #c6c000;
}

Tailwind CSS v4

/* Funky Monkey to Groovy Lemon Pie — https://swatchly.xyz/palette/b35000-fc1984-dca000-c6c000 */
@theme {
  --color-funky-monkey: #b35000;
  --color-funky-monkey-50: #fff2ec;
  --color-funky-monkey-100: #ffe7da;
  --color-funky-monkey-200: #ffcdb4;
  --color-funky-monkey-300: #ffae83;
  --color-funky-monkey-400: #eb8850;
  --color-funky-monkey-500: #d06b2d;
  --color-funky-monkey-600: #b35000;
  --color-funky-monkey-700: #8f3e00;
  --color-funky-monkey-800: #713000;
  --color-funky-monkey-900: #582400;
  --color-funky-monkey-950: #391400;
  --color-neon-rose: #fc1984;
  --color-neon-rose-50: #fff3f6;
  --color-neon-rose-100: #ffe7ed;
  --color-neon-rose-200: #ffccd9;
  --color-neon-rose-300: #ffaac2;
  --color-neon-rose-400: #ff71a1;
  --color-neon-rose-500: #fc1984;
  --color-neon-rose-600: #cf006a;
  --color-neon-rose-700: #a60053;
  --color-neon-rose-800: #830040;
  --color-neon-rose-900: #660031;
  --color-neon-rose-950: #42001d;
  --color-mustard-musketeers: #dca000;
  --color-mustard-musketeers-50: #fff8ec;
  --color-mustard-musketeers-100: #ffefd2;
  --color-mustard-musketeers-200: #ffd995;
  --color-mustard-musketeers-300: #f3c164;
  --color-mustard-musketeers-400: #dca000;
  --color-mustard-musketeers-500: #b78400;
  --color-mustard-musketeers-600: #936a00;
  --color-mustard-musketeers-700: #755300;
  --color-mustard-musketeers-800: #5b4000;
  --color-mustard-musketeers-900: #453000;
  --color-mustard-musketeers-950: #2b1c00;
  --color-groovy-lemon-pie: #c6c000;
  --color-groovy-lemon-pie-50: #f8f7a9;
  --color-groovy-lemon-pie-100: #eeec94;
  --color-groovy-lemon-pie-200: #dad76b;
  --color-groovy-lemon-pie-300: #c6c000;
  --color-groovy-lemon-pie-400: #a6a100;
  --color-groovy-lemon-pie-500: #8a8600;
  --color-groovy-lemon-pie-600: #706c00;
  --color-groovy-lemon-pie-700: #595600;
  --color-groovy-lemon-pie-800: #464400;
  --color-groovy-lemon-pie-900: #373500;
  --color-groovy-lemon-pie-950: #222100;
}