Abyssal Waters to Turkish Jade color palette

00595FAbyssal Waters 471D18Chocolate Rush FFB095Discreet Orange DA938CPowder Blush 008994Turkish Jade

Open in generator Export PNG, PDF, ASE…

About this palette

Abyssal Waters to Turkish Jade is a 5-color warm, vintage palette: #00595F (Abyssal Waters), #471D18 (Chocolate Rush), #FFB095 (Discreet Orange), #DA938C (Powder Blush), #008994 (Turkish Jade). It mixes turquoise, brown, pink, red tones and feels warm overall. The strongest text pairing is #471D18 on #FFB095 with a contrast ratio of 8.17:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Abyssal Waters	rgb(0, 89, 95)	hsl(184, 100%, 19%)
Chocolate Rush	rgb(71, 29, 24)	hsl(6, 49%, 19%)
Discreet Orange	rgb(255, 176, 149)	hsl(15, 100%, 79%)
Powder Blush	rgb(218, 147, 140)	hsl(5, 51%, 70%)
Turkish Jade	rgb(0, 137, 148)	hsl(184, 100%, 29%)

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.

Aa8.17:1 Very good#471D18 on #FFB095
Aa8.17:1 Very good#FFB095 on #471D18
Aa5.86:1 Good#471D18 on #DA938C
Aa5.86:1 Good#DA938C on #471D18
Aa4.59:1 Good#00595F on #FFB095
Aa4.59:1 Good#FFB095 on #00595F
Aa3.44:1 Poor#471D18 on #008994
Aa3.44:1 Poor#008994 on #471D18

Color blindness preview

CSS variables

/* Abyssal Waters to Turkish Jade — https://swatchly.xyz/palette/00595f-471d18-ffb095-da938c-008994 */
:root {
  --abyssal-waters: #00595f;
  --chocolate-rush: #471d18;
  --discreet-orange: #ffb095;
  --powder-blush: #da938c;
  --turkish-jade: #008994;
}

Tailwind CSS v4

/* Abyssal Waters to Turkish Jade — https://swatchly.xyz/palette/00595f-471d18-ffb095-da938c-008994 */
@theme {
  --color-abyssal-waters: #00595f;
  --color-abyssal-waters-50: #dcfcff;
  --color-abyssal-waters-100: #caf5f8;
  --color-abyssal-waters-200: #ade1e6;
  --color-abyssal-waters-300: #8ecad0;
  --color-abyssal-waters-400: #66aab0;
  --color-abyssal-waters-500: #468e94;
  --color-abyssal-waters-600: #2a7177;
  --color-abyssal-waters-700: #00595f;
  --color-abyssal-waters-800: #07454a;
  --color-abyssal-waters-900: #013639;
  --color-abyssal-waters-950: #002124;
  --color-chocolate-rush: #471d18;
  --color-chocolate-rush-50: #fff2ef;
  --color-chocolate-rush-100: #ffe4e0;
  --color-chocolate-rush-200: #f6ccc5;
  --color-chocolate-rush-300: #e3b4ad;
  --color-chocolate-rush-400: #c5928a;
  --color-chocolate-rush-500: #a7746d;
  --color-chocolate-rush-600: #895a53;
  --color-chocolate-rush-700: #6d433d;
  --color-chocolate-rush-800: #54312c;
  --color-chocolate-rush-900: #471d18;
  --color-chocolate-rush-950: #271311;
  --color-discreet-orange: #ffb095;
  --color-discreet-orange-50: #fff6f2;
  --color-discreet-orange-100: #ffeae2;
  --color-discreet-orange-200: #ffd0c0;
  --color-discreet-orange-300: #ffb095;
  --color-discreet-orange-400: #da9178;
  --color-discreet-orange-500: #bd745a;
  --color-discreet-orange-600: #9e5940;
  --color-discreet-orange-700: #82432d;
  --color-discreet-orange-800: #68311e;
  --color-discreet-orange-900: #522313;
  --color-discreet-orange-950: #351408;
  --color-powder-blush: #da938c;
  --color-powder-blush-50: #fff5f4;
  --color-powder-blush-100: #ffe9e6;
  --color-powder-blush-200: #ffcfca;
  --color-powder-blush-300: #f2b5af;
  --color-powder-blush-400: #da938c;
  --color-powder-blush-500: #bb7770;
  --color-powder-blush-600: #9c5b56;
  --color-powder-blush-700: #804540;
  --color-powder-blush-800: #66332f;
  --color-powder-blush-900: #502522;
  --color-powder-blush-950: #331513;
  --color-turkish-jade: #008994;
  --color-turkish-jade-50: #defcff;
  --color-turkish-jade-100: #c4f9ff;
  --color-turkish-jade-200: #a5eaf2;
  --color-turkish-jade-300: #86d8e1;
  --color-turkish-jade-400: #5bbcc6;
  --color-turkish-jade-500: #35a2ad;
  --color-turkish-jade-600: #008994;
  --color-turkish-jade-700: #006d76;
  --color-turkish-jade-800: #00555c;
  --color-turkish-jade-900: #004147;
  --color-turkish-jade-950: #00292d;
}