Augustus Asparagus to Pepperoni Color Palette

About this palette

Augustus Asparagus to Pepperoni is a 4-color vibrant palette: #8DAA00 (Augustus Asparagus), #CA5CC6 (Love Priestess), #FFA877 (Peach Fizz), #A94900 (Pepperoni). It mixes green, pink, orange, brown tones and feels balanced overall. The strongest text pairing is #FFA877 on #A94900 with a contrast ratio of 3.05:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Augustus Asparagus	rgb(141, 170, 0)	hsl(70, 100%, 33%)
Love Priestess	rgb(202, 92, 198)	hsl(302, 51%, 58%)
Peach Fizz	rgb(255, 168, 119)	hsl(22, 100%, 73%)
Pepperoni	rgb(169, 73, 0)	hsl(26, 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.

Aa3.05:1 Poor#FFA877 on #A94900
Aa3.05:1 Poor#A94900 on #FFA877

Color blindness preview

CSS variables

/* Augustus Asparagus to Pepperoni — https://swatchly.xyz/palette/8daa00-ca5cc6-ffa877-a94900 */
:root {
  --augustus-asparagus: #8daa00;
  --love-priestess: #ca5cc6;
  --peach-fizz: #ffa877;
  --pepperoni: #a94900;
}

Tailwind CSS v4

/* Augustus Asparagus to Pepperoni — https://swatchly.xyz/palette/8daa00-ca5cc6-ffa877-a94900 */
@theme {
  --color-augustus-asparagus: #8daa00;
  --color-augustus-asparagus-50: #e9fdb7;
  --color-augustus-asparagus-100: #ddf4a3;
  --color-augustus-asparagus-200: #c7e07f;
  --color-augustus-asparagus-300: #aeca56;
  --color-augustus-asparagus-400: #8daa00;
  --color-augustus-asparagus-500: #758e00;
  --color-augustus-asparagus-600: #5e7200;
  --color-augustus-asparagus-700: #4a5b00;
  --color-augustus-asparagus-800: #3a4700;
  --color-augustus-asparagus-900: #2c3700;
  --color-augustus-asparagus-950: #1b2300;
  --color-love-priestess: #ca5cc6;
  --color-love-priestess-50: #fff2fe;
  --color-love-priestess-100: #ffe5fd;
  --color-love-priestess-200: #ffc7fb;
  --color-love-priestess-300: #fea0f9;
  --color-love-priestess-400: #e47bdf;
  --color-love-priestess-500: #ca5cc6;
  --color-love-priestess-600: #aa3ea7;
  --color-love-priestess-700: #8c268a;
  --color-love-priestess-800: #71146f;
  --color-love-priestess-900: #590758;
  --color-love-priestess-950: #3a0139;
  --color-peach-fizz: #ffa877;
  --color-peach-fizz-50: #fff2eb;
  --color-peach-fizz-100: #ffe4d6;
  --color-peach-fizz-200: #ffc9ad;
  --color-peach-fizz-300: #ffa877;
  --color-peach-fizz-400: #db8a5c;
  --color-peach-fizz-500: #bf6d3d;
  --color-peach-fizz-600: #a15322;
  --color-peach-fizz-700: #853e0c;
  --color-peach-fizz-800: #6b2e00;
  --color-peach-fizz-900: #542200;
  --color-peach-fizz-950: #361400;
  --color-pepperoni: #a94900;
  --color-pepperoni-50: #fff2ec;
  --color-pepperoni-100: #ffe5d8;
  --color-pepperoni-200: #ffc9af;
  --color-pepperoni-300: #ffa77b;
  --color-pepperoni-400: #e5834e;
  --color-pepperoni-500: #c8652c;
  --color-pepperoni-600: #a94900;
  --color-pepperoni-700: #873900;
  --color-pepperoni-800: #6b2b00;
  --color-pepperoni-900: #542000;
  --color-pepperoni-950: #361200;
}