Monkey Island to Veiling Waterfalls color palette

5B3940Monkey Island 565D2EReptile Revenge 658DB0Heavenly Sky CEA8B1Strawberry Latte D1E8FFVeiling Waterfalls

Open in generator Export PNG, PDF, ASE…

About this palette

Monkey Island to Veiling Waterfalls is a 5-color muted, cool, vintage palette: #5B3940 (Monkey Island), #565D2E (Reptile Revenge), #658DB0 (Heavenly Sky), #CEA8B1 (Strawberry Latte), #D1E8FF (Veiling Waterfalls). It mixes red, green, blue, pink tones and feels cool overall. The strongest text pairing is #5B3940 on #D1E8FF with a contrast ratio of 7.94:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Monkey Island	rgb(91, 57, 64)	hsl(348, 23%, 29%)
Reptile Revenge	rgb(86, 93, 46)	hsl(69, 34%, 27%)
Heavenly Sky	rgb(101, 141, 176)	hsl(208, 32%, 54%)
Strawberry Latte	rgb(206, 168, 177)	hsl(346, 28%, 73%)
Veiling Waterfalls	rgb(209, 232, 255)	hsl(210, 100%, 91%)

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.94:1 Very good#5B3940 on #D1E8FF
Aa7.94:1 Very good#D1E8FF on #5B3940
Aa5.56:1 Good#565D2E on #D1E8FF
Aa5.56:1 Good#D1E8FF on #565D2E
Aa4.69:1 Good#5B3940 on #CEA8B1
Aa4.69:1 Good#CEA8B1 on #5B3940
Aa3.29:1 Poor#565D2E on #CEA8B1
Aa3.29:1 Poor#CEA8B1 on #565D2E

Color blindness preview

CSS variables

/* Monkey Island to Veiling Waterfalls — https://swatchly.xyz/palette/5b3940-565d2e-658db0-cea8b1-d1e8ff */
:root {
  --monkey-island: #5b3940;
  --reptile-revenge: #565d2e;
  --heavenly-sky: #658db0;
  --strawberry-latte: #cea8b1;
  --veiling-waterfalls: #d1e8ff;
}

Tailwind CSS v4

/* Monkey Island to Veiling Waterfalls — https://swatchly.xyz/palette/5b3940-565d2e-658db0-cea8b1-d1e8ff */
@theme {
  --color-monkey-island: #5b3940;
  --color-monkey-island-50: #fff1f3;
  --color-monkey-island-100: #fee3e8;
  --color-monkey-island-200: #eeced4;
  --color-monkey-island-300: #dab7bd;
  --color-monkey-island-400: #bd969d;
  --color-monkey-island-500: #a27b82;
  --color-monkey-island-600: #866269;
  --color-monkey-island-700: #6e4c53;
  --color-monkey-island-800: #5b3940;
  --color-monkey-island-900: #452c31;
  --color-monkey-island-950: #2c1b1e;
  --color-reptile-revenge: #565d2e;
  --color-reptile-revenge-50: #f3f9dc;
  --color-reptile-revenge-100: #e9efcf;
  --color-reptile-revenge-200: #d6ddb7;
  --color-reptile-revenge-300: #bfc79c;
  --color-reptile-revenge-400: #a0a979;
  --color-reptile-revenge-500: #868e5d;
  --color-reptile-revenge-600: #6c7344;
  --color-reptile-revenge-700: #565d2e;
  --color-reptile-revenge-800: #434922;
  --color-reptile-revenge-900: #333817;
  --color-reptile-revenge-950: #1f230b;
  --color-heavenly-sky: #658db0;
  --color-heavenly-sky-50: #eef7ff;
  --color-heavenly-sky-100: #ddefff;
  --color-heavenly-sky-200: #beddf9;
  --color-heavenly-sky-300: #a4c7e7;
  --color-heavenly-sky-400: #81a8cb;
  --color-heavenly-sky-500: #658db0;
  --color-heavenly-sky-600: #4b7293;
  --color-heavenly-sky-700: #375a78;
  --color-heavenly-sky-800: #274661;
  --color-heavenly-sky-900: #1b364c;
  --color-heavenly-sky-950: #0e2131;
  --color-strawberry-latte: #cea8b1;
  --color-strawberry-latte-50: #ffe7ec;
  --color-strawberry-latte-100: #f5dae0;
  --color-strawberry-latte-200: #e2c3ca;
  --color-strawberry-latte-300: #cea8b1;
  --color-strawberry-latte-400: #b08c94;
  --color-strawberry-latte-500: #96737b;
  --color-strawberry-latte-600: #7c5b64;
  --color-strawberry-latte-700: #66484f;
  --color-strawberry-latte-800: #52383f;
  --color-strawberry-latte-900: #422c31;
  --color-strawberry-latte-950: #2a1a1e;
  --color-veiling-waterfalls: #d1e8ff;
  --color-veiling-waterfalls-50: #e4f2ff;
  --color-veiling-waterfalls-100: #d1e8ff;
  --color-veiling-waterfalls-200: #c3d5e6;
  --color-veiling-waterfalls-300: #acbfd3;
  --color-veiling-waterfalls-400: #8ca1b6;
  --color-veiling-waterfalls-500: #72879c;
  --color-veiling-waterfalls-600: #596d81;
  --color-veiling-waterfalls-700: #455769;
  --color-veiling-waterfalls-800: #344454;
  --color-veiling-waterfalls-900: #273441;
  --color-veiling-waterfalls-950: #17202a;
}