Sandcastle to Italian Grape color palette

E5D5C8Sandcastle 9AC3C3Pastel Turquoise 75A69EJapanese Bonsai 6A6272Excalibur 493E4DItalian Grape

About this palette

Sandcastle to Italian Grape is a 5-color muted, gradient palette: #E5D5C8 (Sandcastle), #9AC3C3 (Pastel Turquoise), #75A69E (Japanese Bonsai), #6A6272 (Excalibur), #493E4D (Italian Grape). It mixes gray, turquoise tones and feels cool overall. The strongest text pairing is #E5D5C8 on #493E4D with a contrast ratio of 7.06:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sandcastle	rgb(229, 213, 200)	hsl(27, 36%, 84%)
Pastel Turquoise	rgb(154, 195, 195)	hsl(180, 25%, 68%)
Japanese Bonsai	rgb(117, 166, 158)	hsl(170, 22%, 55%)
Excalibur	rgb(106, 98, 114)	hsl(270, 8%, 42%)
Italian Grape	rgb(73, 62, 77)	hsl(284, 11%, 27%)

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.06:1 Very good#E5D5C8 on #493E4D
Aa7.06:1 Very good#493E4D on #E5D5C8
Aa5.27:1 Good#9AC3C3 on #493E4D
Aa5.27:1 Good#493E4D on #9AC3C3
Aa4.08:1 Poor#E5D5C8 on #6A6272
Aa4.08:1 Poor#6A6272 on #E5D5C8
Aa3.71:1 Poor#75A69E on #493E4D
Aa3.71:1 Poor#493E4D on #75A69E

Color blindness preview

CSS variables

/* Sandcastle to Italian Grape — https://swatchly.xyz/palette/e5d5c8-9ac3c3-75a69e-6a6272-493e4d */
:root {
  --sandcastle: #e5d5c8;
  --pastel-turquoise: #9ac3c3;
  --japanese-bonsai: #75a69e;
  --excalibur: #6a6272;
  --italian-grape: #493e4d;
}

Tailwind CSS v4

/* Sandcastle to Italian Grape — https://swatchly.xyz/palette/e5d5c8-9ac3c3-75a69e-6a6272-493e4d */
@theme {
  --color-sandcastle: #e5d5c8;
  --color-sandcastle-50: #fdf4ed;
  --color-sandcastle-100: #f4eae2;
  --color-sandcastle-200: #e5d5c8;
  --color-sandcastle-300: #ccbfb4;
  --color-sandcastle-400: #ae9f93;
  --color-sandcastle-500: #928378;
  --color-sandcastle-600: #77695e;
  --color-sandcastle-700: #5f5348;
  --color-sandcastle-800: #4b4037;
  --color-sandcastle-900: #3a3129;
  --color-sandcastle-950: #241e18;
  --color-pastel-turquoise: #9ac3c3;
  --color-pastel-turquoise-50: #dff7f7;
  --color-pastel-turquoise-100: #d2edec;
  --color-pastel-turquoise-200: #b9d9d9;
  --color-pastel-turquoise-300: #9ac3c3;
  --color-pastel-turquoise-400: #7da4a4;
  --color-pastel-turquoise-500: #638a8a;
  --color-pastel-turquoise-600: #4b7171;
  --color-pastel-turquoise-700: #385a5b;
  --color-pastel-turquoise-800: #294848;
  --color-pastel-turquoise-900: #1e3838;
  --color-pastel-turquoise-950: #102323;
  --color-japanese-bonsai: #75a69e;
  --color-japanese-bonsai-50: #ddfaf5;
  --color-japanese-bonsai-100: #cff0ea;
  --color-japanese-bonsai-200: #b6dcd5;
  --color-japanese-bonsai-300: #9ac5be;
  --color-japanese-bonsai-400: #75a69e;
  --color-japanese-bonsai-500: #5b8c84;
  --color-japanese-bonsai-600: #43726b;
  --color-japanese-bonsai-700: #315b55;
  --color-japanese-bonsai-800: #224843;
  --color-japanese-bonsai-900: #183834;
  --color-japanese-bonsai-950: #0c2421;
  --color-excalibur: #6a6272;
  --color-excalibur-50: #f8f3fd;
  --color-excalibur-100: #ede7f3;
  --color-excalibur-200: #d9d2e0;
  --color-excalibur-300: #c2bac9;
  --color-excalibur-400: #a299aa;
  --color-excalibur-500: #857d8e;
  --color-excalibur-600: #6a6272;
  --color-excalibur-700: #544d5b;
  --color-excalibur-800: #423c48;
  --color-excalibur-900: #332e38;
  --color-excalibur-950: #201c23;
  --color-italian-grape: #493e4d;
  --color-italian-grape-50: #faf2fc;
  --color-italian-grape-100: #f0e8f3;
  --color-italian-grape-200: #ddd3e1;
  --color-italian-grape-300: #c8bccc;
  --color-italian-grape-400: #a99dad;
  --color-italian-grape-500: #8e8192;
  --color-italian-grape-600: #736777;
  --color-italian-grape-700: #5c5160;
  --color-italian-grape-800: #493e4d;
  --color-italian-grape-900: #38303a;
  --color-italian-grape-950: #231d25;
}