Start generating

Oh Pistachio to Palm Leaf color palette

ADC598Oh Pistachio6664A3Scampi8A82C0Magic CarpetFEDAB0Pandora’s Box311D0AClose but No Cigar354529Palm Leaf
Open in generator Export PNG, PDF, ASE…

About this palette

Oh Pistachio to Palm Leaf is a 6-color cool, earthy palette: #ADC598 (Oh Pistachio), #6664A3 (Scampi), #8A82C0 (Magic Carpet), #FEDAB0 (Pandora’s Box), #311D0A (Close but No Cigar), #354529 (Palm Leaf). It mixes green, purple, orange, brown tones and feels cool overall. The strongest text pairing is #FEDAB0 on #311D0A with a contrast ratio of 12.11:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Oh Pistachiorgb(173, 197, 152)hsl(92, 28%, 68%)
Scampirgb(102, 100, 163)hsl(242, 26%, 52%)
Magic Carpetrgb(138, 130, 192)hsl(248, 33%, 63%)
Pandora’s Boxrgb(254, 218, 176)hsl(32, 98%, 84%)
Close but No Cigarrgb(49, 29, 10)hsl(29, 66%, 12%)
Palm Leafrgb(53, 69, 41)hsl(94, 25%, 22%)

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.

  • Aa12.11:1 Super#FEDAB0 on #311D0A
  • Aa12.11:1 Super#311D0A on #FEDAB0
  • Aa8.56:1 Very good#ADC598 on #311D0A
  • Aa8.56:1 Very good#311D0A on #ADC598
  • Aa7.80:1 Very good#FEDAB0 on #354529
  • Aa7.80:1 Very good#354529 on #FEDAB0
  • Aa5.51:1 Good#ADC598 on #354529
  • Aa5.51:1 Good#354529 on #ADC598

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Oh Pistachio to Palm Leaf — https://swatchly.xyz/palette/adc598-6664a3-8a82c0-fedab0-311d0a-354529 */
:root {
  --oh-pistachio: #adc598;
  --scampi: #6664a3;
  --magic-carpet: #8a82c0;
  --pandora-s-box: #fedab0;
  --close-but-no-cigar: #311d0a;
  --palm-leaf: #354529;
}

Tailwind CSS v4

/* Oh Pistachio to Palm Leaf — https://swatchly.xyz/palette/adc598-6664a3-8a82c0-fedab0-311d0a-354529 */
@theme {
  --color-oh-pistachio: #adc598;
  --color-oh-pistachio-50: #eaf8de;
  --color-oh-pistachio-100: #deeed0;
  --color-oh-pistachio-200: #c8dab8;
  --color-oh-pistachio-300: #adc598;
  --color-oh-pistachio-400: #8fa67c;
  --color-oh-pistachio-500: #758b61;
  --color-oh-pistachio-600: #5c7149;
  --color-oh-pistachio-700: #485b36;
  --color-oh-pistachio-800: #374827;
  --color-oh-pistachio-900: #2a381c;
  --color-oh-pistachio-950: #19230f;
  --color-scampi: #6664a3;
  --color-scampi-50: #f4f4ff;
  --color-scampi-100: #e8e9ff;
  --color-scampi-200: #d2d3ff;
  --color-scampi-300: #babbf6;
  --color-scampi-400: #9b9adb;
  --color-scampi-500: #807ec0;
  --color-scampi-600: #6664a3;
  --color-scampi-700: #504e86;
  --color-scampi-800: #3e3c6d;
  --color-scampi-900: #2f2d57;
  --color-scampi-950: #1d1b39;
  --color-magic-carpet: #8a82c0;
  --color-magic-carpet-50: #f6f5ff;
  --color-magic-carpet-100: #ecebff;
  --color-magic-carpet-200: #d9d5ff;
  --color-magic-carpet-300: #c3bdf4;
  --color-magic-carpet-400: #a49dda;
  --color-magic-carpet-500: #8a82c0;
  --color-magic-carpet-600: #6f67a2;
  --color-magic-carpet-700: #585085;
  --color-magic-carpet-800: #443d6c;
  --color-magic-carpet-900: #342d55;
  --color-magic-carpet-950: #201b37;
  --color-pandora-s-box: #fedab0;
  --color-pandora-s-box-50: #fffbf6;
  --color-pandora-s-box-100: #fff0e0;
  --color-pandora-s-box-200: #fedab0;
  --color-pandora-s-box-300: #e0c3a2;
  --color-pandora-s-box-400: #c1a17b;
  --color-pandora-s-box-500: #a5845d;
  --color-pandora-s-box-600: #876842;
  --color-pandora-s-box-700: #6d502d;
  --color-pandora-s-box-800: #553d1e;
  --color-pandora-s-box-900: #432e14;
  --color-pandora-s-box-950: #2b1c09;
  --color-close-but-no-cigar: #311d0a;
  --color-close-but-no-cigar-50: #fff3e8;
  --color-close-but-no-cigar-100: #f9e8d9;
  --color-close-but-no-cigar-200: #e8d3c2;
  --color-close-but-no-cigar-300: #d3bca9;
  --color-close-but-no-cigar-400: #b59c87;
  --color-close-but-no-cigar-500: #9a816c;
  --color-close-but-no-cigar-600: #806853;
  --color-close-but-no-cigar-700: #685240;
  --color-close-but-no-cigar-800: #534030;
  --color-close-but-no-cigar-900: #423224;
  --color-close-but-no-cigar-950: #311d0a;
  --color-palm-leaf: #354529;
  --color-palm-leaf-50: #eef9e7;
  --color-palm-leaf-100: #e3f0db;
  --color-palm-leaf-200: #ceddc4;
  --color-palm-leaf-300: #b6c7aa;
  --color-palm-leaf-400: #95a788;
  --color-palm-leaf-500: #798b6c;
  --color-palm-leaf-600: #5f7053;
  --color-palm-leaf-700: #49583e;
  --color-palm-leaf-800: #354529;
  --color-palm-leaf-900: #293421;
  --color-palm-leaf-950: #182013;
}

Similar palettes