Veiling Waterfalls to Couch Color Palette

About this palette

Veiling Waterfalls to Couch is a 5-color cool, earthy, vintage palette: #DFE5FF (Veiling Waterfalls), #92BEA5 (Lichen), #B46D52 (Clay), #1A613C (Midori), #512E24 (Couch). It mixes purple, green, orange, brown tones and feels cool overall. The strongest text pairing is #DFE5FF on #512E24 with a contrast ratio of 9.51:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Veiling Waterfalls	rgb(223, 229, 255)	hsl(229, 100%, 94%)
Lichen	rgb(146, 190, 165)	hsl(146, 25%, 66%)
Clay	rgb(180, 109, 82)	hsl(17, 40%, 51%)
Midori	rgb(26, 97, 60)	hsl(149, 58%, 24%)
Couch	rgb(81, 46, 36)	hsl(13, 38%, 23%)

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.

Aa9.51:1 Very good#DFE5FF on #512E24
Aa9.51:1 Very good#512E24 on #DFE5FF
Aa5.96:1 Good#DFE5FF on #1A613C
Aa5.96:1 Good#1A613C on #DFE5FF
Aa5.74:1 Good#92BEA5 on #512E24
Aa5.74:1 Good#512E24 on #92BEA5
Aa3.59:1 Poor#92BEA5 on #1A613C
Aa3.59:1 Poor#1A613C on #92BEA5

Color blindness preview

CSS variables

/* Veiling Waterfalls to Couch — https://swatchly.xyz/palette/dfe5ff-92bea5-b46d52-1a613c-512e24 */
:root {
  --veiling-waterfalls: #dfe5ff;
  --lichen: #92bea5;
  --clay: #b46d52;
  --midori: #1a613c;
  --couch: #512e24;
}

Tailwind CSS v4

/* Veiling Waterfalls to Couch — https://swatchly.xyz/palette/dfe5ff-92bea5-b46d52-1a613c-512e24 */
@theme {
  --color-veiling-waterfalls: #dfe5ff;
  --color-veiling-waterfalls-50: #edf0ff;
  --color-veiling-waterfalls-100: #dfe5ff;
  --color-veiling-waterfalls-200: #ced2e6;
  --color-veiling-waterfalls-300: #b8bdd2;
  --color-veiling-waterfalls-400: #999eb5;
  --color-veiling-waterfalls-500: #7e839b;
  --color-veiling-waterfalls-600: #656a80;
  --color-veiling-waterfalls-700: #505468;
  --color-veiling-waterfalls-800: #3e4153;
  --color-veiling-waterfalls-900: #2f3241;
  --color-veiling-waterfalls-950: #1c1f29;
  --color-lichen: #92bea5;
  --color-lichen-50: #daf5e5;
  --color-lichen-100: #cbead8;
  --color-lichen-200: #b1d5c0;
  --color-lichen-300: #92bea5;
  --color-lichen-400: #77a189;
  --color-lichen-500: #5e8871;
  --color-lichen-600: #476f5a;
  --color-lichen-700: #365a47;
  --color-lichen-800: #284837;
  --color-lichen-900: #1e3a2b;
  --color-lichen-950: #10241a;
  --color-clay: #b46d52;
  --color-clay-50: #fff1ec;
  --color-clay-100: #ffe3d8;
  --color-clay-200: #ffc7b1;
  --color-clay-300: #eeac93;
  --color-clay-400: #d18a6f;
  --color-clay-500: #b46d52;
  --color-clay-600: #97543a;
  --color-clay-700: #7c4028;
  --color-clay-800: #64301b;
  --color-clay-900: #4f2311;
  --color-clay-950: #341407;
  --color-midori: #1a613c;
  --color-midori-50: #ddffe9;
  --color-midori-100: #cdf7db;
  --color-midori-200: #b3e5c4;
  --color-midori-300: #96d0aa;
  --color-midori-400: #70b189;
  --color-midori-500: #52956c;
  --color-midori-600: #377953;
  --color-midori-700: #1a613c;
  --color-midori-800: #144c2e;
  --color-midori-900: #0b3b22;
  --color-midori-950: #042513;
  --color-couch: #512e24;
  --color-couch-50: #fff2ee;
  --color-couch-100: #ffe5dd;
  --color-couch-200: #f1cfc5;
  --color-couch-300: #ddb7ac;
  --color-couch-400: #c1988c;
  --color-couch-500: #a67d71;
  --color-couch-600: #8b6459;
  --color-couch-700: #734f45;
  --color-couch-800: #5e3e35;
  --color-couch-900: #512e24;
  --color-couch-950: #321e18;
}