Memorial Black to Ayahuasca Vine Color Palette

About this palette

Memorial Black to Ayahuasca Vine is a 5-color dark, warm, earthy, gradient palette: #091200 (Memorial Black), #251900 (Noir Mystique), #2D3725 (Graphite), #634813 (Very Coffee), #6C5E0E (Ayahuasca Vine). It mixes black, brown, gray tones and feels warm overall. The strongest text pairing is #091200 on #6C5E0E with a contrast ratio of 2.96:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Memorial Black	rgb(9, 18, 0)	hsl(90, 100%, 4%)
Noir Mystique	rgb(37, 25, 0)	hsl(41, 100%, 7%)
Graphite	rgb(45, 55, 37)	hsl(93, 20%, 18%)
Very Coffee	rgb(99, 72, 19)	hsl(40, 68%, 23%)
Ayahuasca Vine	rgb(108, 94, 14)	hsl(51, 77%, 24%)

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

/* Memorial Black to Ayahuasca Vine — https://swatchly.xyz/palette/091200-251900-2d3725-634813-6c5e0e */
:root {
  --memorial-black: #091200;
  --noir-mystique: #251900;
  --graphite: #2d3725;
  --very-coffee: #634813;
  --ayahuasca-vine: #6c5e0e;
}

Tailwind CSS v4

/* Memorial Black to Ayahuasca Vine — https://swatchly.xyz/palette/091200-251900-2d3725-634813-6c5e0e */
@theme {
  --color-memorial-black: #091200;
  --color-memorial-black-50: #f0f9e8;
  --color-memorial-black-100: #e6efdc;
  --color-memorial-black-200: #d1dcc6;
  --color-memorial-black-300: #bac6ad;
  --color-memorial-black-400: #9aa78b;
  --color-memorial-black-500: #7b886c;
  --color-memorial-black-600: #5e6a50;
  --color-memorial-black-700: #455039;
  --color-memorial-black-800: #313927;
  --color-memorial-black-900: #202618;
  --color-memorial-black-950: #091200;
  --color-noir-mystique: #251900;
  --color-noir-mystique-50: #fdf4e3;
  --color-noir-mystique-100: #f4ead6;
  --color-noir-mystique-200: #e2d6bf;
  --color-noir-mystique-300: #cdbfa5;
  --color-noir-mystique-400: #aea083;
  --color-noir-mystique-500: #928466;
  --color-noir-mystique-600: #76684c;
  --color-noir-mystique-700: #5e5138;
  --color-noir-mystique-800: #493e28;
  --color-noir-mystique-900: #372e1c;
  --color-noir-mystique-950: #251900;
  --color-graphite: #2d3725;
  --color-graphite-50: #f1f8eb;
  --color-graphite-100: #e6eee0;
  --color-graphite-200: #d2dbca;
  --color-graphite-300: #bac5b2;
  --color-graphite-400: #9aa691;
  --color-graphite-500: #7f8b76;
  --color-graphite-600: #65705d;
  --color-graphite-700: #4f5948;
  --color-graphite-800: #3d4636;
  --color-graphite-900: #2d3725;
  --color-graphite-950: #1c2218;
  --color-very-coffee: #634813;
  --color-very-coffee-50: #fff4e1;
  --color-very-coffee-100: #fce8c8;
  --color-very-coffee-200: #ead2ac;
  --color-very-coffee-300: #d5ba8d;
  --color-very-coffee-400: #b59867;
  --color-very-coffee-500: #987b49;
  --color-very-coffee-600: #7b6030;
  --color-very-coffee-700: #634813;
  --color-very-coffee-800: #4d3811;
  --color-very-coffee-900: #3c2b09;
  --color-very-coffee-950: #261903;
  --color-ayahuasca-vine: #6c5e0e;
  --color-ayahuasca-vine-50: #fef6cf;
  --color-ayahuasca-vine-100: #f5ecc0;
  --color-ayahuasca-vine-200: #e5daa6;
  --color-ayahuasca-vine-300: #d1c58a;
  --color-ayahuasca-vine-400: #b5a764;
  --color-ayahuasca-vine-500: #9b8d46;
  --color-ayahuasca-vine-600: #82742b;
  --color-ayahuasca-vine-700: #6c5e0e;
  --color-ayahuasca-vine-800: #554903;
  --color-ayahuasca-vine-900: #423800;
  --color-ayahuasca-vine-950: #2a2300;
}