Wasabi Nori to Veiling Waterfalls Color Palette

About this palette

Wasabi Nori to Veiling Waterfalls is a 4-color vintage palette: #443100 (Wasabi Nori), #6B5D89 (Berry Jam), #C5A223 (Mustard Seed), #D8EAFF (Veiling Waterfalls). It mixes brown, purple, yellow, white tones and feels warm overall. The strongest text pairing is #443100 on #D8EAFF with a contrast ratio of 10.17:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Wasabi Nori	rgb(68, 49, 0)	hsl(43, 100%, 13%)
Berry Jam	rgb(107, 93, 137)	hsl(259, 19%, 45%)
Mustard Seed	rgb(197, 162, 35)	hsl(47, 70%, 45%)
Veiling Waterfalls	rgb(216, 234, 255)	hsl(212, 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.

Aa10.17:1 Very good#443100 on #D8EAFF
Aa10.17:1 Very good#D8EAFF on #443100
Aa5.08:1 Good#443100 on #C5A223
Aa5.08:1 Good#C5A223 on #443100
Aa4.82:1 Good#6B5D89 on #D8EAFF
Aa4.82:1 Good#D8EAFF on #6B5D89

Color blindness preview

CSS variables

/* Wasabi Nori to Veiling Waterfalls — https://swatchly.xyz/palette/443100-6b5d89-c5a223-d8eaff */
:root {
  --wasabi-nori: #443100;
  --berry-jam: #6b5d89;
  --mustard-seed: #c5a223;
  --veiling-waterfalls: #d8eaff;
}

Tailwind CSS v4

/* Wasabi Nori to Veiling Waterfalls — https://swatchly.xyz/palette/443100-6b5d89-c5a223-d8eaff */
@theme {
  --color-wasabi-nori: #443100;
  --color-wasabi-nori-50: #fff4de;
  --color-wasabi-nori-100: #f8eacd;
  --color-wasabi-nori-200: #e7d6b3;
  --color-wasabi-nori-300: #d2bf97;
  --color-wasabi-nori-400: #b49f74;
  --color-wasabi-nori-500: #998457;
  --color-wasabi-nori-600: #7e6a3f;
  --color-wasabi-nori-700: #66542c;
  --color-wasabi-nori-800: #52411d;
  --color-wasabi-nori-900: #443100;
  --color-wasabi-nori-950: #291f08;
  --color-berry-jam: #6b5d89;
  --color-berry-jam-50: #f6f3ff;
  --color-berry-jam-100: #ede5ff;
  --color-berry-jam-200: #d9cef4;
  --color-berry-jam-300: #c2b6e0;
  --color-berry-jam-400: #a294c2;
  --color-berry-jam-500: #8678a6;
  --color-berry-jam-600: #6b5d89;
  --color-berry-jam-700: #55496f;
  --color-berry-jam-800: #433859;
  --color-berry-jam-900: #342a46;
  --color-berry-jam-950: #20192e;
  --color-mustard-seed: #c5a223;
  --color-mustard-seed-50: #fff7dd;
  --color-mustard-seed-100: #ffedb5;
  --color-mustard-seed-200: #f2d98c;
  --color-mustard-seed-300: #e0c267;
  --color-mustard-seed-400: #c5a223;
  --color-mustard-seed-500: #a68600;
  --color-mustard-seed-600: #856b00;
  --color-mustard-seed-700: #6a5500;
  --color-mustard-seed-800: #534200;
  --color-mustard-seed-900: #403200;
  --color-mustard-seed-950: #281e00;
  --color-veiling-waterfalls: #d8eaff;
  --color-veiling-waterfalls-50: #eaf4ff;
  --color-veiling-waterfalls-100: #d8eaff;
  --color-veiling-waterfalls-200: #c9d6e6;
  --color-veiling-waterfalls-300: #b2c1d2;
  --color-veiling-waterfalls-400: #92a2b5;
  --color-veiling-waterfalls-500: #77879a;
  --color-veiling-waterfalls-600: #5d6d7f;
  --color-veiling-waterfalls-700: #495767;
  --color-veiling-waterfalls-800: #374452;
  --color-veiling-waterfalls-900: #2a3440;
  --color-veiling-waterfalls-950: #192028;
}