Blue Eye Samurai to Fortune Cookie color palette

70ADB5Blue Eye Samurai 6B486CYour Majesty 368593Turkish Jade 302516Wood Bark DEC39EFortune Cookie

About this palette

Blue Eye Samurai to Fortune Cookie is a 5-color cool palette: #70ADB5 (Blue Eye Samurai), #6B486C (Your Majesty), #368593 (Turkish Jade), #302516 (Wood Bark), #DEC39E (Fortune Cookie). It mixes turquoise, pink, gray, yellow tones and feels cool overall. The strongest text pairing is #302516 on #DEC39E with a contrast ratio of 8.85:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blue Eye Samurai	rgb(112, 173, 181)	hsl(187, 32%, 57%)
Your Majesty	rgb(107, 72, 108)	hsl(298, 20%, 35%)
Turkish Jade	rgb(54, 133, 147)	hsl(189, 46%, 39%)
Wood Bark	rgb(48, 37, 22)	hsl(35, 37%, 14%)
Fortune Cookie	rgb(222, 195, 158)	hsl(35, 49%, 75%)

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.

Aa8.85:1 Very good#302516 on #DEC39E
Aa8.85:1 Very good#DEC39E on #302516
Aa5.94:1 Good#70ADB5 on #302516
Aa5.94:1 Good#302516 on #70ADB5
Aa4.48:1 Poor#6B486C on #DEC39E
Aa4.48:1 Poor#DEC39E on #6B486C
Aa3.52:1 Poor#368593 on #302516
Aa3.52:1 Poor#302516 on #368593

Color blindness preview

CSS variables

/* Blue Eye Samurai to Fortune Cookie — https://swatchly.xyz/palette/70adb5-6b486c-368593-302516-dec39e */
:root {
  --blue-eye-samurai: #70adb5;
  --your-majesty: #6b486c;
  --turkish-jade: #368593;
  --wood-bark: #302516;
  --fortune-cookie: #dec39e;
}

Tailwind CSS v4

/* Blue Eye Samurai to Fortune Cookie — https://swatchly.xyz/palette/70adb5-6b486c-368593-302516-dec39e */
@theme {
  --color-blue-eye-samurai: #70adb5;
  --color-blue-eye-samurai-50: #dffbff;
  --color-blue-eye-samurai-100: #cdf3f8;
  --color-blue-eye-samurai-200: #b4e1e7;
  --color-blue-eye-samurai-300: #97cbd2;
  --color-blue-eye-samurai-400: #70adb5;
  --color-blue-eye-samurai-500: #559199;
  --color-blue-eye-samurai-600: #3b767e;
  --color-blue-eye-samurai-700: #265e65;
  --color-blue-eye-samurai-800: #184a50;
  --color-blue-eye-samurai-900: #0d3a3f;
  --color-blue-eye-samurai-950: #052428;
  --color-your-majesty: #6b486c;
  --color-your-majesty-50: #ffefff;
  --color-your-majesty-100: #fbe2fc;
  --color-your-majesty-200: #ebcceb;
  --color-your-majesty-300: #d7b4d7;
  --color-your-majesty-400: #b994ba;
  --color-your-majesty-500: #9e789f;
  --color-your-majesty-600: #825e83;
  --color-your-majesty-700: #6b486c;
  --color-your-majesty-800: #543855;
  --color-your-majesty-900: #422a42;
  --color-your-majesty-950: #2a192a;
  --color-turkish-jade: #368593;
  --color-turkish-jade-50: #e3faff;
  --color-turkish-jade-100: #ccf6ff;
  --color-turkish-jade-200: #b2e7f2;
  --color-turkish-jade-300: #96d4e0;
  --color-turkish-jade-400: #71b8c5;
  --color-turkish-jade-500: #529eac;
  --color-turkish-jade-600: #368593;
  --color-turkish-jade-700: #1c6b78;
  --color-turkish-jade-800: #05545f;
  --color-turkish-jade-900: #00404a;
  --color-turkish-jade-950: #00282f;
  --color-wood-bark: #302516;
  --color-wood-bark-50: #fcf4e9;
  --color-wood-bark-100: #f3eade;
  --color-wood-bark-200: #e1d6c8;
  --color-wood-bark-300: #cbbfaf;
  --color-wood-bark-400: #ad9f8e;
  --color-wood-bark-500: #938674;
  --color-wood-bark-600: #7a6d5c;
  --color-wood-bark-700: #645848;
  --color-wood-bark-800: #514639;
  --color-wood-bark-900: #41382c;
  --color-wood-bark-950: #302516;
  --color-fortune-cookie: #dec39e;
  --color-fortune-cookie-50: #fff7ed;
  --color-fortune-cookie-100: #feedd7;
  --color-fortune-cookie-200: #eddac0;
  --color-fortune-cookie-300: #dec39e;
  --color-fortune-cookie-400: #bba381;
  --color-fortune-cookie-500: #9f8663;
  --color-fortune-cookie-600: #826a48;
  --color-fortune-cookie-700: #695334;
  --color-fortune-cookie-800: #534024;
  --color-fortune-cookie-900: #403019;
  --color-fortune-cookie-950: #281d0c;
}