Start generating

Master Chief to Creamy Avocado color palette

467A00Master Chief355517Deep Forestial EscapadeA2CC60Two Peas in a Pod6FA20FGreen SymphonyDAF2A7Creamy Avocado
Open in generator Export PNG, PDF, ASE…

About this palette

Master Chief to Creamy Avocado is a 5-color cool, monochromatic palette: #467A00 (Master Chief), #355517 (Deep Forestial Escapade), #A2CC60 (Two Peas in a Pod), #6FA20F (Green Symphony), #DAF2A7 (Creamy Avocado). It mixes green tones and feels cool overall. The strongest text pairing is #355517 on #DAF2A7 with a contrast ratio of 7.00:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Master Chiefrgb(70, 122, 0)hsl(86, 100%, 24%)
Deep Forestial Escapadergb(53, 85, 23)hsl(91, 57%, 21%)
Two Peas in a Podrgb(162, 204, 96)hsl(83, 51%, 59%)
Green Symphonyrgb(111, 162, 15)hsl(81, 83%, 35%)
Creamy Avocadorgb(218, 242, 167)hsl(79, 74%, 80%)

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.

  • Aa7.00:1 Good#355517 on #DAF2A7
  • Aa7.00:1 Good#DAF2A7 on #355517
  • Aa4.60:1 Good#355517 on #A2CC60
  • Aa4.60:1 Good#A2CC60 on #355517
  • Aa4.26:1 Poor#467A00 on #DAF2A7
  • Aa4.26:1 Poor#DAF2A7 on #467A00

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Master Chief to Creamy Avocado — https://swatchly.xyz/palette/467a00-355517-a2cc60-6fa20f-daf2a7 */
:root {
  --master-chief: #467a00;
  --deep-forestial-escapade: #355517;
  --two-peas-in-a-pod: #a2cc60;
  --green-symphony: #6fa20f;
  --creamy-avocado: #daf2a7;
}

Tailwind CSS v4

/* Master Chief to Creamy Avocado — https://swatchly.xyz/palette/467a00-355517-a2cc60-6fa20f-daf2a7 */
@theme {
  --color-master-chief: #467a00;
  --color-master-chief-50: #e5ffd3;
  --color-master-chief-100: #d4f8ba;
  --color-master-chief-200: #bbe69b;
  --color-master-chief-300: #a0d17a;
  --color-master-chief-400: #7db250;
  --color-master-chief-500: #60962d;
  --color-master-chief-600: #467a00;
  --color-master-chief-700: #366100;
  --color-master-chief-800: #294c00;
  --color-master-chief-900: #1f3b00;
  --color-master-chief-950: #112500;
  --color-deep-forestial-escapade: #355517;
  --color-deep-forestial-escapade-50: #e8fdd9;
  --color-deep-forestial-escapade-100: #dcf4cc;
  --color-deep-forestial-escapade-200: #c6e2b2;
  --color-deep-forestial-escapade-300: #aece98;
  --color-deep-forestial-escapade-400: #8eb175;
  --color-deep-forestial-escapade-500: #749759;
  --color-deep-forestial-escapade-600: #5b7d41;
  --color-deep-forestial-escapade-700: #48672e;
  --color-deep-forestial-escapade-800: #355517;
  --color-deep-forestial-escapade-900: #294114;
  --color-deep-forestial-escapade-950: #182a08;
  --color-two-peas-in-a-pod: #a2cc60;
  --color-two-peas-in-a-pod-50: #e3fdc1;
  --color-two-peas-in-a-pod-100: #d6f3b0;
  --color-two-peas-in-a-pod-200: #bfe190;
  --color-two-peas-in-a-pod-300: #a2cc60;
  --color-two-peas-in-a-pod-400: #85ac44;
  --color-two-peas-in-a-pod-500: #6b921f;
  --color-two-peas-in-a-pod-600: #547600;
  --color-two-peas-in-a-pod-700: #425e00;
  --color-two-peas-in-a-pod-800: #334a00;
  --color-two-peas-in-a-pod-900: #273a00;
  --color-two-peas-in-a-pod-950: #172400;
  --color-green-symphony: #6fa20f;
  --color-green-symphony-50: #ebffd7;
  --color-green-symphony-100: #dafcb4;
  --color-green-symphony-200: #c4ec96;
  --color-green-symphony-300: #acd974;
  --color-green-symphony-400: #8abc44;
  --color-green-symphony-500: #6fa20f;
  --color-green-symphony-600: #588300;
  --color-green-symphony-700: #456800;
  --color-green-symphony-800: #355100;
  --color-green-symphony-900: #273e00;
  --color-green-symphony-950: #162600;
  --color-creamy-avocado: #daf2a7;
  --color-creamy-avocado-50: #eaf8ce;
  --color-creamy-avocado-100: #daf2a7;
  --color-creamy-avocado-200: #cadca5;
  --color-creamy-avocado-300: #b3c789;
  --color-creamy-avocado-400: #94a964;
  --color-creamy-avocado-500: #7a8e47;
  --color-creamy-avocado-600: #61742e;
  --color-creamy-avocado-700: #4c5d1b;
  --color-creamy-avocado-800: #3a490d;
  --color-creamy-avocado-900: #2c3804;
  --color-creamy-avocado-950: #1a2301;
}

Similar palettes