Fatty Sashimi to Monkey Island color palette

EEC3B8Fatty Sashimi B59FDAViolet Velvet 849B67Sleepy Hollow 3B6A71Ocean’s Embrace 56372EMonkey Island

Open in generator Export PNG, PDF, ASE…

About this palette

Fatty Sashimi to Monkey Island is a 5-color cool, vintage palette: #EEC3B8 (Fatty Sashimi), #B59FDA (Violet Velvet), #849B67 (Sleepy Hollow), #3B6A71 (Ocean’s Embrace), #56372E (Monkey Island). It mixes pink, purple, green, turquoise, brown tones and feels cool overall. The strongest text pairing is #EEC3B8 on #56372E with a contrast ratio of 6.63:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Fatty Sashimi	rgb(238, 195, 184)	hsl(12, 61%, 83%)
Violet Velvet	rgb(181, 159, 218)	hsl(262, 44%, 74%)
Sleepy Hollow	rgb(132, 155, 103)	hsl(87, 21%, 51%)
Ocean’s Embrace	rgb(59, 106, 113)	hsl(188, 31%, 34%)
Monkey Island	rgb(86, 55, 46)	hsl(14, 30%, 26%)

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.

Aa6.63:1 Good#EEC3B8 on #56372E
Aa6.63:1 Good#56372E on #EEC3B8
Aa4.51:1 Good#B59FDA on #56372E
Aa4.51:1 Good#56372E on #B59FDA
Aa3.77:1 Poor#EEC3B8 on #3B6A71
Aa3.77:1 Poor#3B6A71 on #EEC3B8
Aa3.46:1 Poor#849B67 on #56372E
Aa3.46:1 Poor#56372E on #849B67

Color blindness preview

CSS variables

/* Fatty Sashimi to Monkey Island — https://swatchly.xyz/palette/eec3b8-b59fda-849b67-3b6a71-56372e */
:root {
  --fatty-sashimi: #eec3b8;
  --violet-velvet: #b59fda;
  --sleepy-hollow: #849b67;
  --ocean-s-embrace: #3b6a71;
  --monkey-island: #56372e;
}

Tailwind CSS v4

/* Fatty Sashimi to Monkey Island — https://swatchly.xyz/palette/eec3b8-b59fda-849b67-3b6a71-56372e */
@theme {
  --color-fatty-sashimi: #eec3b8;
  --color-fatty-sashimi-50: #ffe9e4;
  --color-fatty-sashimi-100: #f9dcd4;
  --color-fatty-sashimi-200: #eec3b8;
  --color-fatty-sashimi-300: #d5b0a6;
  --color-fatty-sashimi-400: #b99187;
  --color-fatty-sashimi-500: #9e776d;
  --color-fatty-sashimi-600: #845f56;
  --color-fatty-sashimi-700: #6c4b42;
  --color-fatty-sashimi-800: #573a33;
  --color-fatty-sashimi-900: #442c26;
  --color-fatty-sashimi-950: #2c1a16;
  --color-violet-velvet: #b59fda;
  --color-violet-velvet-50: #faf7ff;
  --color-violet-velvet-100: #f3edff;
  --color-violet-velvet-200: #e5d6ff;
  --color-violet-velvet-300: #d1bff1;
  --color-violet-velvet-400: #b59fda;
  --color-violet-velvet-500: #9782bb;
  --color-violet-velvet-600: #7b669c;
  --color-violet-velvet-700: #624e80;
  --color-violet-velvet-800: #4c3b66;
  --color-violet-velvet-900: #3a2c50;
  --color-violet-velvet-950: #231933;
  --color-sleepy-hollow: #849b67;
  --color-sleepy-hollow-50: #effde0;
  --color-sleepy-hollow-100: #e7f6d5;
  --color-sleepy-hollow-200: #d3e5bf;
  --color-sleepy-hollow-300: #bdd1a5;
  --color-sleepy-hollow-400: #9eb583;
  --color-sleepy-hollow-500: #849b67;
  --color-sleepy-hollow-600: #687e4b;
  --color-sleepy-hollow-700: #506435;
  --color-sleepy-hollow-800: #3d4e25;
  --color-sleepy-hollow-900: #2d3c18;
  --color-sleepy-hollow-950: #1a250b;
  --color-ocean-s-embrace: #3b6a71;
  --color-ocean-s-embrace-50: #e1fbff;
  --color-ocean-s-embrace-100: #d1f0f5;
  --color-ocean-s-embrace-200: #b6dbe1;
  --color-ocean-s-embrace-300: #99c4cb;
  --color-ocean-s-embrace-400: #75a3ab;
  --color-ocean-s-embrace-500: #57868d;
  --color-ocean-s-embrace-600: #3b6a71;
  --color-ocean-s-embrace-700: #2b545a;
  --color-ocean-s-embrace-800: #1e4247;
  --color-ocean-s-embrace-900: #153438;
  --color-ocean-s-embrace-950: #0a2023;
  --color-monkey-island: #56372e;
  --color-monkey-island-50: #fff2ee;
  --color-monkey-island-100: #fee5de;
  --color-monkey-island-200: #edd0c8;
  --color-monkey-island-300: #d9b8ae;
  --color-monkey-island-400: #bb978d;
  --color-monkey-island-500: #9f7b71;
  --color-monkey-island-600: #826157;
  --color-monkey-island-700: #694b42;
  --color-monkey-island-800: #56372e;
  --color-monkey-island-900: #402b25;
  --color-monkey-island-950: #291915;
}