Start generating

Ayahuasca Vine to Icy Plains color palette

645D00Ayahuasca VineBD7534MeteorEBA06AMexican Standoff162C4FMidnight OceanCFDDFFIcy Plains
Open in generator Export PNG, PDF, ASE…

About this palette

Ayahuasca Vine to Icy Plains is a 5-color warm, earthy, vintage palette: #645D00 (Ayahuasca Vine), #BD7534 (Meteor), #EBA06A (Mexican Standoff), #162C4F (Midnight Ocean), #CFDDFF (Icy Plains). It mixes brown, orange, blue tones and feels warm overall. The strongest text pairing is #162C4F on #CFDDFF with a contrast ratio of 10.24:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Ayahuasca Vinergb(100, 93, 0)hsl(56, 100%, 20%)
Meteorrgb(189, 117, 52)hsl(28, 57%, 47%)
Mexican Standoffrgb(235, 160, 106)hsl(25, 76%, 67%)
Midnight Oceanrgb(22, 44, 79)hsl(217, 56%, 20%)
Icy Plainsrgb(207, 221, 255)hsl(222, 100%, 91%)

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.

  • Aa10.24:1 Very good#162C4F on #CFDDFF
  • Aa10.24:1 Very good#CFDDFF on #162C4F
  • Aa6.48:1 Good#EBA06A on #162C4F
  • Aa6.48:1 Good#162C4F on #EBA06A
  • Aa4.97:1 Good#645D00 on #CFDDFF
  • Aa4.97:1 Good#CFDDFF on #645D00
  • Aa3.82:1 Poor#BD7534 on #162C4F
  • Aa3.82:1 Poor#162C4F on #BD7534

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Ayahuasca Vine to Icy Plains — https://swatchly.xyz/palette/645d00-bd7534-eba06a-162c4f-cfddff */
:root {
  --ayahuasca-vine: #645d00;
  --meteor: #bd7534;
  --mexican-standoff: #eba06a;
  --midnight-ocean: #162c4f;
  --icy-plains: #cfddff;
}

Tailwind CSS v4

/* Ayahuasca Vine to Icy Plains — https://swatchly.xyz/palette/645d00-bd7534-eba06a-162c4f-cfddff */
@theme {
  --color-ayahuasca-vine: #645d00;
  --color-ayahuasca-vine-50: #faf8ce;
  --color-ayahuasca-vine-100: #f1eebf;
  --color-ayahuasca-vine-200: #e0dca4;
  --color-ayahuasca-vine-300: #cbc686;
  --color-ayahuasca-vine-400: #aea85f;
  --color-ayahuasca-vine-500: #948d40;
  --color-ayahuasca-vine-600: #7a7325;
  --color-ayahuasca-vine-700: #645d00;
  --color-ayahuasca-vine-800: #4e4900;
  --color-ayahuasca-vine-900: #3c3800;
  --color-ayahuasca-vine-950: #262300;
  --color-meteor: #bd7534;
  --color-meteor-50: #fff3ea;
  --color-meteor-100: #ffe7d5;
  --color-meteor-200: #ffcea7;
  --color-meteor-300: #f4b37f;
  --color-meteor-400: #d89155;
  --color-meteor-500: #bd7534;
  --color-meteor-600: #9f5a13;
  --color-meteor-700: #814500;
  --color-meteor-800: #663500;
  --color-meteor-900: #4f2800;
  --color-meteor-950: #331800;
  --color-mexican-standoff: #eba06a;
  --color-mexican-standoff-50: #ffe9db;
  --color-mexican-standoff-100: #ffdac0;
  --color-mexican-standoff-200: #fbbd92;
  --color-mexican-standoff-300: #eba06a;
  --color-mexican-standoff-400: #cb844f;
  --color-mexican-standoff-500: #b06a34;
  --color-mexican-standoff-600: #95521b;
  --color-mexican-standoff-700: #7b3f06;
  --color-mexican-standoff-800: #643100;
  --color-mexican-standoff-900: #502600;
  --color-mexican-standoff-950: #341600;
  --color-midnight-ocean: #162c4f;
  --color-midnight-ocean-50: #f0f6ff;
  --color-midnight-ocean-100: #e0ecff;
  --color-midnight-ocean-200: #c4d9fa;
  --color-midnight-ocean-300: #aac2e8;
  --color-midnight-ocean-400: #87a2cb;
  --color-midnight-ocean-500: #6b85ae;
  --color-midnight-ocean-600: #506990;
  --color-midnight-ocean-700: #3b5174;
  --color-midnight-ocean-800: #2b3d5b;
  --color-midnight-ocean-900: #162c4f;
  --color-midnight-ocean-950: #101b2b;
  --color-icy-plains: #cfddff;
  --color-icy-plains-50: #f6f9ff;
  --color-icy-plains-100: #eaf0ff;
  --color-icy-plains-200: #cfddff;
  --color-icy-plains-300: #bac5e1;
  --color-icy-plains-400: #98a5c3;
  --color-icy-plains-500: #7c88a7;
  --color-icy-plains-600: #616d8a;
  --color-icy-plains-700: #4b5570;
  --color-icy-plains-800: #394259;
  --color-icy-plains-900: #2b3246;
  --color-icy-plains-950: #191f2d;
}

Similar palettes