Turquoise Fantasies to Vibrant Vine color palette

65ABA6Turquoise Fantasies 7B4952Nocturne Red 42877BEmerald Whispers E0C0C7Soft Blush 513538Vibrant Vine

Open in generator Export PNG, PDF, ASE…

About this palette

Turquoise Fantasies to Vibrant Vine is a 5-color muted, warm, vintage palette: #65ABA6 (Turquoise Fantasies), #7B4952 (Nocturne Red), #42877B (Emerald Whispers), #E0C0C7 (Soft Blush), #513538 (Vibrant Vine). It mixes turquoise, red, pink, brown tones and feels warm overall. The strongest text pairing is #E0C0C7 on #513538 with a contrast ratio of 6.54:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Turquoise Fantasies	rgb(101, 171, 166)	hsl(176, 29%, 53%)
Nocturne Red	rgb(123, 73, 82)	hsl(349, 26%, 38%)
Emerald Whispers	rgb(66, 135, 123)	hsl(170, 34%, 39%)
Soft Blush	rgb(224, 192, 199)	hsl(347, 34%, 82%)
Vibrant Vine	rgb(81, 53, 56)	hsl(354, 21%, 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.

Aa6.54:1 Good#E0C0C7 on #513538
Aa6.54:1 Good#513538 on #E0C0C7
Aa4.30:1 Poor#7B4952 on #E0C0C7
Aa4.30:1 Poor#E0C0C7 on #7B4952
Aa4.14:1 Poor#65ABA6 on #513538
Aa4.14:1 Poor#513538 on #65ABA6

Color blindness preview

CSS variables

/* Turquoise Fantasies to Vibrant Vine — https://swatchly.xyz/palette/65aba6-7b4952-42877b-e0c0c7-513538 */
:root {
  --turquoise-fantasies: #65aba6;
  --nocturne-red: #7b4952;
  --emerald-whispers: #42877b;
  --soft-blush: #e0c0c7;
  --vibrant-vine: #513538;
}

Tailwind CSS v4

/* Turquoise Fantasies to Vibrant Vine — https://swatchly.xyz/palette/65aba6-7b4952-42877b-e0c0c7-513538 */
@theme {
  --color-turquoise-fantasies: #65aba6;
  --color-turquoise-fantasies-50: #d6fdf9;
  --color-turquoise-fantasies-100: #c7f3ef;
  --color-turquoise-fantasies-200: #abe0dc;
  --color-turquoise-fantasies-300: #8ecac5;
  --color-turquoise-fantasies-400: #65aba6;
  --color-turquoise-fantasies-500: #4a908b;
  --color-turquoise-fantasies-600: #307671;
  --color-turquoise-fantasies-700: #1c5f5b;
  --color-turquoise-fantasies-800: #0d4b48;
  --color-turquoise-fantasies-900: #043b38;
  --color-turquoise-fantasies-950: #012523;
  --color-nocturne-red: #7b4952;
  --color-nocturne-red-50: #fff1f3;
  --color-nocturne-red-100: #ffe3e7;
  --color-nocturne-red-200: #f8cbd2;
  --color-nocturne-red-300: #e5b4bb;
  --color-nocturne-red-400: #c9939c;
  --color-nocturne-red-500: #ae7881;
  --color-nocturne-red-600: #935f68;
  --color-nocturne-red-700: #7b4952;
  --color-nocturne-red-800: #613840;
  --color-nocturne-red-900: #4d2a30;
  --color-nocturne-red-950: #32191d;
  --color-emerald-whispers: #42877b;
  --color-emerald-whispers-50: #d9fff6;
  --color-emerald-whispers-100: #cff8ef;
  --color-emerald-whispers-200: #b8e8de;
  --color-emerald-whispers-300: #9dd5ca;
  --color-emerald-whispers-400: #79b9ad;
  --color-emerald-whispers-500: #5ca094;
  --color-emerald-whispers-600: #42877b;
  --color-emerald-whispers-700: #2a6d62;
  --color-emerald-whispers-800: #17564c;
  --color-emerald-whispers-900: #0a423a;
  --color-emerald-whispers-950: #022a24;
  --color-soft-blush: #e0c0c7;
  --color-soft-blush-50: #fff7f9;
  --color-soft-blush-100: #ffecf0;
  --color-soft-blush-200: #efd8dd;
  --color-soft-blush-300: #e0c0c7;
  --color-soft-blush-400: #bda0a6;
  --color-soft-blush-500: #a08389;
  --color-soft-blush-600: #83676d;
  --color-soft-blush-700: #695056;
  --color-soft-blush-800: #533d42;
  --color-soft-blush-900: #3f2d31;
  --color-soft-blush-950: #281b1e;
  --color-vibrant-vine: #513538;
  --color-vibrant-vine-50: #fff1f2;
  --color-vibrant-vine-100: #fce5e7;
  --color-vibrant-vine-200: #ebd0d2;
  --color-vibrant-vine-300: #d5b7ba;
  --color-vibrant-vine-400: #b79699;
  --color-vibrant-vine-500: #9a7a7d;
  --color-vibrant-vine-600: #7e5f62;
  --color-vibrant-vine-700: #64494c;
  --color-vibrant-vine-800: #513538;
  --color-vibrant-vine-900: #3d292b;
  --color-vibrant-vine-950: #26181a;
}