Avocado Stone to Veiling Waterfalls Color Palette

About this palette

Avocado Stone to Veiling Waterfalls is a 4-color vintage palette: #524326 (Avocado Stone), #A67377 (Never Forget), #06B8B5 (Super Rare Jade), #D7E7FF (Veiling Waterfalls). It mixes brown, red, turquoise, blue tones and feels balanced overall. The strongest text pairing is #524326 on #D7E7FF with a contrast ratio of 7.66:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Avocado Stone	rgb(82, 67, 38)	hsl(40, 37%, 24%)
Never Forget	rgb(166, 115, 119)	hsl(355, 22%, 55%)
Super Rare Jade	rgb(6, 184, 181)	hsl(179, 94%, 37%)
Veiling Waterfalls	rgb(215, 231, 255)	hsl(216, 100%, 92%)

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.66:1 Very good#524326 on #D7E7FF
Aa7.66:1 Very good#D7E7FF on #524326
Aa3.90:1 Poor#524326 on #06B8B5
Aa3.90:1 Poor#06B8B5 on #524326
Aa3.14:1 Poor#A67377 on #D7E7FF
Aa3.14:1 Poor#D7E7FF on #A67377

Color blindness preview

CSS variables

/* Avocado Stone to Veiling Waterfalls — https://swatchly.xyz/palette/524326-a67377-06b8b5-d7e7ff */
:root {
  --avocado-stone: #524326;
  --never-forget: #a67377;
  --super-rare-jade: #06b8b5;
  --veiling-waterfalls: #d7e7ff;
}

Tailwind CSS v4

/* Avocado Stone to Veiling Waterfalls — https://swatchly.xyz/palette/524326-a67377-06b8b5-d7e7ff */
@theme {
  --color-avocado-stone: #524326;
  --color-avocado-stone-50: #fef4e2;
  --color-avocado-stone-100: #f5ead5;
  --color-avocado-stone-200: #e3d6bd;
  --color-avocado-stone-300: #cfc0a4;
  --color-avocado-stone-400: #b1a182;
  --color-avocado-stone-500: #968667;
  --color-avocado-stone-600: #7c6c4e;
  --color-avocado-stone-700: #64563a;
  --color-avocado-stone-800: #524326;
  --color-avocado-stone-900: #3e341f;
  --color-avocado-stone-950: #282011;
  --color-never-forget: #a67377;
  --color-never-forget-50: #fff0f1;
  --color-never-forget-100: #ffe2e3;
  --color-never-forget-200: #f4c9cc;
  --color-never-forget-300: #e0b0b4;
  --color-never-forget-400: #c28f93;
  --color-never-forget-500: #a67377;
  --color-never-forget-600: #8a5a5e;
  --color-never-forget-700: #704549;
  --color-never-forget-800: #5a3538;
  --color-never-forget-900: #47272a;
  --color-never-forget-950: #2e1719;
  --color-super-rare-jade: #06b8b5;
  --color-super-rare-jade-50: #d4fffd;
  --color-super-rare-jade-100: #affbf8;
  --color-super-rare-jade-200: #8ceae7;
  --color-super-rare-jade-300: #64d6d2;
  --color-super-rare-jade-400: #06b8b5;
  --color-super-rare-jade-500: #009997;
  --color-super-rare-jade-600: #007c79;
  --color-super-rare-jade-700: #006260;
  --color-super-rare-jade-800: #004d4b;
  --color-super-rare-jade-900: #003b3a;
  --color-super-rare-jade-950: #002525;
  --color-veiling-waterfalls: #d7e7ff;
  --color-veiling-waterfalls-50: #e8f1ff;
  --color-veiling-waterfalls-100: #d7e7ff;
  --color-veiling-waterfalls-200: #c8d4e6;
  --color-veiling-waterfalls-300: #b1bed3;
  --color-veiling-waterfalls-400: #92a0b6;
  --color-veiling-waterfalls-500: #77869b;
  --color-veiling-waterfalls-600: #5e6c80;
  --color-veiling-waterfalls-700: #4a5669;
  --color-veiling-waterfalls-800: #384353;
  --color-veiling-waterfalls-900: #2a3341;
  --color-veiling-waterfalls-950: #192029;
}