Turkish Jade to Garden Snail Color Palette

About this palette

Turkish Jade to Garden Snail is a 5-color muted palette: #498B92 (Turkish Jade), #1E1513 (Bats Cloak), #6E4946 (Liver), #D0EAEF (Castle in the Sky), #CCB1AD (Garden Snail). It mixes turquoise, black, red, gray tones and feels balanced overall. The strongest text pairing is #1E1513 on #D0EAEF with a contrast ratio of 14.25:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Turkish Jade	rgb(73, 139, 146)	hsl(186, 33%, 43%)
Bats Cloak	rgb(30, 21, 19)	hsl(11, 22%, 10%)
Liver	rgb(110, 73, 70)	hsl(4, 22%, 35%)
Castle in the Sky	rgb(208, 234, 239)	hsl(190, 49%, 88%)
Garden Snail	rgb(204, 177, 173)	hsl(8, 23%, 74%)

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.

Aa14.25:1 Super#1E1513 on #D0EAEF
Aa14.25:1 Super#D0EAEF on #1E1513
Aa8.93:1 Very good#1E1513 on #CCB1AD
Aa8.93:1 Very good#CCB1AD on #1E1513
Aa6.17:1 Good#6E4946 on #D0EAEF
Aa6.17:1 Good#D0EAEF on #6E4946
Aa4.60:1 Good#498B92 on #1E1513
Aa4.60:1 Good#1E1513 on #498B92

Color blindness preview

CSS variables

/* Turkish Jade to Garden Snail — https://swatchly.xyz/palette/498b92-1e1513-6e4946-d0eaef-ccb1ad */
:root {
  --turkish-jade: #498b92;
  --bats-cloak: #1e1513;
  --liver: #6e4946;
  --castle-in-the-sky: #d0eaef;
  --garden-snail: #ccb1ad;
}

Tailwind CSS v4

/* Turkish Jade to Garden Snail — https://swatchly.xyz/palette/498b92-1e1513-6e4946-d0eaef-ccb1ad */
@theme {
  --color-turkish-jade: #498b92;
  --color-turkish-jade-50: #d9fbff;
  --color-turkish-jade-100: #c8f2f6;
  --color-turkish-jade-200: #acdee4;
  --color-turkish-jade-300: #8ec7ce;
  --color-turkish-jade-400: #68a8af;
  --color-turkish-jade-500: #498b92;
  --color-turkish-jade-600: #307178;
  --color-turkish-jade-700: #1e5b61;
  --color-turkish-jade-800: #10484d;
  --color-turkish-jade-900: #07383c;
  --color-turkish-jade-950: #022327;
  --color-bats-cloak: #1e1513;
  --color-bats-cloak-50: #fbf3f1;
  --color-bats-cloak-100: #f1e9e7;
  --color-bats-cloak-200: #dfd5d3;
  --color-bats-cloak-300: #c9bebc;
  --color-bats-cloak-400: #aa9e9c;
  --color-bats-cloak-500: #8d817f;
  --color-bats-cloak-600: #716663;
  --color-bats-cloak-700: #584e4c;
  --color-bats-cloak-800: #433a38;
  --color-bats-cloak-900: #312a28;
  --color-bats-cloak-950: #1e1513;
  --color-liver: #6e4946;
  --color-liver-50: #fff2f0;
  --color-liver-100: #ffe4e1;
  --color-liver-200: #f0cecb;
  --color-liver-300: #dcb6b3;
  --color-liver-400: #be9592;
  --color-liver-500: #a27a76;
  --color-liver-600: #86605c;
  --color-liver-700: #6e4946;
  --color-liver-800: #563936;
  --color-liver-900: #442b29;
  --color-liver-950: #2b1918;
  --color-castle-in-the-sky: #d0eaef;
  --color-castle-in-the-sky-50: #e4f3f6;
  --color-castle-in-the-sky-100: #d0eaef;
  --color-castle-in-the-sky-200: #c3d6da;
  --color-castle-in-the-sky-300: #abc1c5;
  --color-castle-in-the-sky-400: #8ca3a8;
  --color-castle-in-the-sky-500: #71898e;
  --color-castle-in-the-sky-600: #596f74;
  --color-castle-in-the-sky-700: #45595d;
  --color-castle-in-the-sky-800: #344649;
  --color-castle-in-the-sky-900: #263639;
  --color-castle-in-the-sky-950: #162124;
  --color-garden-snail: #ccb1ad;
  --color-garden-snail-50: #fdecea;
  --color-garden-snail-100: #f3e0dd;
  --color-garden-snail-200: #e0cac7;
  --color-garden-snail-300: #ccb1ad;
  --color-garden-snail-400: #ad9490;
  --color-garden-snail-500: #937a76;
  --color-garden-snail-600: #79615e;
  --color-garden-snail-700: #624d4a;
  --color-garden-snail-800: #4e3c39;
  --color-garden-snail-900: #3e2e2c;
  --color-garden-snail-950: #271c1a;
}