Irish Spring to Monkey Island color palette

83CBA2Irish Spring 555286Freshly Purpleized D5F9E2Toxic Latte 8884ACAster 56382DMonkey Island

About this palette

Irish Spring to Monkey Island is a 5-color cool palette: #83CBA2 (Irish Spring), #555286 (Freshly Purpleized), #D5F9E2 (Toxic Latte), #8884AC (Aster), #56382D (Monkey Island). It mixes green, purple, white, brown tones and feels cool overall. The strongest text pairing is #D5F9E2 on #56382D with a contrast ratio of 9.24:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Irish Spring	rgb(131, 203, 162)	hsl(146, 41%, 65%)
Freshly Purpleized	rgb(85, 82, 134)	hsl(243, 24%, 42%)
Toxic Latte	rgb(213, 249, 226)	hsl(142, 75%, 91%)
Aster	rgb(136, 132, 172)	hsl(246, 19%, 60%)
Monkey Island	rgb(86, 56, 45)	hsl(16, 31%, 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.

Aa9.24:1 Very good#D5F9E2 on #56382D
Aa9.24:1 Very good#56382D on #D5F9E2
Aa6.29:1 Good#555286 on #D5F9E2
Aa6.29:1 Good#D5F9E2 on #555286
Aa5.52:1 Good#83CBA2 on #56382D
Aa5.52:1 Good#56382D on #83CBA2
Aa3.75:1 Poor#83CBA2 on #555286
Aa3.75:1 Poor#555286 on #83CBA2

Color blindness preview

CSS variables

/* Irish Spring to Monkey Island — https://swatchly.xyz/palette/83cba2-555286-d5f9e2-8884ac-56382d */
:root {
  --irish-spring: #83cba2;
  --freshly-purpleized: #555286;
  --toxic-latte: #d5f9e2;
  --aster: #8884ac;
  --monkey-island: #56382d;
}

Tailwind CSS v4

/* Irish Spring to Monkey Island — https://swatchly.xyz/palette/83cba2-555286-d5f9e2-8884ac-56382d */
@theme {
  --color-irish-spring: #83cba2;
  --color-irish-spring-50: #d3fce3;
  --color-irish-spring-100: #c4f2d6;
  --color-irish-spring-200: #a8dfbf;
  --color-irish-spring-300: #83cba2;
  --color-irish-spring-400: #67ac85;
  --color-irish-spring-500: #4b926c;
  --color-irish-spring-600: #327854;
  --color-irish-spring-700: #1f6141;
  --color-irish-spring-800: #114d31;
  --color-irish-spring-900: #073d25;
  --color-irish-spring-950: #022715;
  --color-freshly-purpleized: #555286;
  --color-freshly-purpleized-50: #f4f4ff;
  --color-freshly-purpleized-100: #e9e9ff;
  --color-freshly-purpleized-200: #d4d3ff;
  --color-freshly-purpleized-300: #bdbdef;
  --color-freshly-purpleized-400: #9e9dd4;
  --color-freshly-purpleized-500: #8482ba;
  --color-freshly-purpleized-600: #6b689e;
  --color-freshly-purpleized-700: #555286;
  --color-freshly-purpleized-800: #42406a;
  --color-freshly-purpleized-900: #323054;
  --color-freshly-purpleized-950: #1f1d37;
  --color-toxic-latte: #d5f9e2;
  --color-toxic-latte-50: #ebfef1;
  --color-toxic-latte-100: #d5f9e2;
  --color-toxic-latte-200: #c8e2d1;
  --color-toxic-latte-300: #aeccb9;
  --color-toxic-latte-400: #8cac98;
  --color-toxic-latte-500: #6f907c;
  --color-toxic-latte-600: #557561;
  --color-toxic-latte-700: #405d4b;
  --color-toxic-latte-800: #30493a;
  --color-toxic-latte-900: #23382c;
  --color-toxic-latte-950: #14231a;
  --color-aster: #8884ac;
  --color-aster-50: #f5f4ff;
  --color-aster-100: #ebeaff;
  --color-aster-200: #d8d5f5;
  --color-aster-300: #c2bfe3;
  --color-aster-400: #a39fc7;
  --color-aster-500: #8884ac;
  --color-aster-600: #6d698f;
  --color-aster-700: #565275;
  --color-aster-800: #433f5d;
  --color-aster-900: #333049;
  --color-aster-950: #1f1d2f;
  --color-monkey-island: #56382d;
  --color-monkey-island-50: #fff2ed;
  --color-monkey-island-100: #fde5dd;
  --color-monkey-island-200: #edd1c6;
  --color-monkey-island-300: #d8b9ad;
  --color-monkey-island-400: #ba988b;
  --color-monkey-island-500: #9f7c70;
  --color-monkey-island-600: #826256;
  --color-monkey-island-700: #694c41;
  --color-monkey-island-800: #56382d;
  --color-monkey-island-900: #412c24;
  --color-monkey-island-950: #291a14;
}