Blue Eye Samurai to Everglade Color Palette

About this palette

Blue Eye Samurai to Everglade is a 4-color muted palette: #70AEC1 (Blue Eye Samurai), #E6D5E6 (Pastel Day), #7D6256 (Chocolate Bliss), #2E452F (Everglade). It mixes blue, gray, brown, green tones and feels cool overall. The strongest text pairing is #E6D5E6 on #2E452F with a contrast ratio of 7.48:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blue Eye Samurai	rgb(112, 174, 193)	hsl(194, 40%, 60%)
Pastel Day	rgb(230, 213, 230)	hsl(300, 25%, 87%)
Chocolate Bliss	rgb(125, 98, 86)	hsl(18, 18%, 41%)
Everglade	rgb(46, 69, 47)	hsl(123, 20%, 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.

Aa7.48:1 Very good#E6D5E6 on #2E452F
Aa7.48:1 Very good#2E452F on #E6D5E6
Aa4.24:1 Poor#70AEC1 on #2E452F
Aa4.24:1 Poor#2E452F on #70AEC1
Aa4.00:1 Poor#E6D5E6 on #7D6256
Aa4.00:1 Poor#7D6256 on #E6D5E6

Color blindness preview

CSS variables

/* Blue Eye Samurai to Everglade — https://swatchly.xyz/palette/70aec1-e6d5e6-7d6256-2e452f */
:root {
  --blue-eye-samurai: #70aec1;
  --pastel-day: #e6d5e6;
  --chocolate-bliss: #7d6256;
  --everglade: #2e452f;
}

Tailwind CSS v4

/* Blue Eye Samurai to Everglade — https://swatchly.xyz/palette/70aec1-e6d5e6-7d6256-2e452f */
@theme {
  --color-blue-eye-samurai: #70aec1;
  --color-blue-eye-samurai-50: #e8f9ff;
  --color-blue-eye-samurai-100: #cff3ff;
  --color-blue-eye-samurai-200: #b4e1f0;
  --color-blue-eye-samurai-300: #98ccdd;
  --color-blue-eye-samurai-400: #70aec1;
  --color-blue-eye-samurai-500: #5492a4;
  --color-blue-eye-samurai-600: #3a7688;
  --color-blue-eye-samurai-700: #255e6e;
  --color-blue-eye-samurai-800: #164a58;
  --color-blue-eye-samurai-900: #0b3945;
  --color-blue-eye-samurai-950: #04242c;
  --color-pastel-day: #e6d5e6;
  --color-pastel-day-50: #fef4fd;
  --color-pastel-day-100: #f5ebf5;
  --color-pastel-day-200: #e6d5e6;
  --color-pastel-day-300: #cdbfcd;
  --color-pastel-day-400: #ae9eae;
  --color-pastel-day-500: #928292;
  --color-pastel-day-600: #766776;
  --color-pastel-day-700: #5e515e;
  --color-pastel-day-800: #493e4a;
  --color-pastel-day-900: #392f39;
  --color-pastel-day-950: #241d24;
  --color-chocolate-bliss: #7d6256;
  --color-chocolate-bliss-50: #fff2ec;
  --color-chocolate-bliss-100: #fae6dd;
  --color-chocolate-bliss-200: #e8d1c7;
  --color-chocolate-bliss-300: #d3b9ad;
  --color-chocolate-bliss-400: #b5988c;
  --color-chocolate-bliss-500: #997d70;
  --color-chocolate-bliss-600: #7d6256;
  --color-chocolate-bliss-700: #654d42;
  --color-chocolate-bliss-800: #503b32;
  --color-chocolate-bliss-900: #3e2d25;
  --color-chocolate-bliss-950: #281b16;
  --color-everglade: #2e452f;
  --color-everglade-50: #ebfaeb;
  --color-everglade-100: #e0f1e0;
  --color-everglade-200: #cadeca;
  --color-everglade-300: #b0c8b1;
  --color-everglade-400: #8fa88f;
  --color-everglade-500: #728c73;
  --color-everglade-600: #587059;
  --color-everglade-700: #435843;
  --color-everglade-800: #2e452f;
  --color-everglade-900: #253425;
  --color-everglade-950: #152015;
}