Start generating

Turquoise Fantasies to Murasaki color palette

68AAABTurquoise Fantasies9C7D34Fernweh0A2627Sunken Ship6E5179Berry JamD2B783Honey Bunny4C2845Murasaki
Open in generator Export PNG, PDF, ASE…

About this palette

Turquoise Fantasies to Murasaki is a 6-color vintage palette: #68AAAB (Turquoise Fantasies), #9C7D34 (Fernweh), #0A2627 (Sunken Ship), #6E5179 (Berry Jam), #D2B783 (Honey Bunny), #4C2845 (Murasaki). It mixes turquoise, yellow, gray, purple tones and feels warm overall. The strongest text pairing is #0A2627 on #D2B783 with a contrast ratio of 8.22:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Turquoise Fantasiesrgb(104, 170, 171)hsl(181, 29%, 54%)
Fernwehrgb(156, 125, 52)hsl(42, 50%, 41%)
Sunken Shiprgb(10, 38, 39)hsl(182, 59%, 10%)
Berry Jamrgb(110, 81, 121)hsl(284, 20%, 40%)
Honey Bunnyrgb(210, 183, 131)hsl(39, 47%, 67%)
Murasakirgb(76, 40, 69)hsl(312, 31%, 23%)

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.22:1 Very good#0A2627 on #D2B783
  • Aa8.22:1 Very good#D2B783 on #0A2627
  • Aa6.39:1 Good#D2B783 on #4C2845
  • Aa6.39:1 Good#4C2845 on #D2B783
  • Aa6.01:1 Good#68AAAB on #0A2627
  • Aa6.01:1 Good#0A2627 on #68AAAB
  • Aa4.67:1 Good#68AAAB on #4C2845
  • Aa4.67:1 Good#4C2845 on #68AAAB

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Turquoise Fantasies to Murasaki — https://swatchly.xyz/palette/68aaab-9c7d34-0a2627-6e5179-d2b783-4c2845 */
:root {
  --turquoise-fantasies: #68aaab;
  --fernweh: #9c7d34;
  --sunken-ship: #0a2627;
  --berry-jam: #6e5179;
  --honey-bunny: #d2b783;
  --murasaki: #4c2845;
}

Tailwind CSS v4

/* Turquoise Fantasies to Murasaki — https://swatchly.xyz/palette/68aaab-9c7d34-0a2627-6e5179-d2b783-4c2845 */
@theme {
  --color-turquoise-fantasies: #68aaab;
  --color-turquoise-fantasies-50: #d7fcfc;
  --color-turquoise-fantasies-100: #c8f2f2;
  --color-turquoise-fantasies-200: #addfe0;
  --color-turquoise-fantasies-300: #90c9ca;
  --color-turquoise-fantasies-400: #68aaab;
  --color-turquoise-fantasies-500: #4d8f90;
  --color-turquoise-fantasies-600: #347576;
  --color-turquoise-fantasies-700: #205e5f;
  --color-turquoise-fantasies-800: #124a4b;
  --color-turquoise-fantasies-900: #083a3b;
  --color-turquoise-fantasies-950: #022525;
  --color-fernweh: #9c7d34;
  --color-fernweh-50: #fff3da;
  --color-fernweh-100: #fce7bb;
  --color-fernweh-200: #ebd29d;
  --color-fernweh-300: #d6ba7d;
  --color-fernweh-400: #b89954;
  --color-fernweh-500: #9c7d34;
  --color-fernweh-600: #816318;
  --color-fernweh-700: #694e00;
  --color-fernweh-800: #523d00;
  --color-fernweh-900: #402f00;
  --color-fernweh-950: #291c00;
  --color-sunken-ship: #0a2627;
  --color-sunken-ship-50: #e8f9fa;
  --color-sunken-ship-100: #dcf0f0;
  --color-sunken-ship-200: #c6dddd;
  --color-sunken-ship-300: #adc7c8;
  --color-sunken-ship-400: #8ba8a9;
  --color-sunken-ship-500: #708d8e;
  --color-sunken-ship-600: #567374;
  --color-sunken-ship-700: #425c5d;
  --color-sunken-ship-800: #324949;
  --color-sunken-ship-900: #253939;
  --color-sunken-ship-950: #0a2627;
  --color-berry-jam: #6e5179;
  --color-berry-jam-50: #fbf1ff;
  --color-berry-jam-100: #f7e3ff;
  --color-berry-jam-200: #e7cff1;
  --color-berry-jam-300: #d4b9df;
  --color-berry-jam-400: #b89ac3;
  --color-berry-jam-500: #9e7faa;
  --color-berry-jam-600: #84668f;
  --color-berry-jam-700: #6e5179;
  --color-berry-jam-800: #573e60;
  --color-berry-jam-900: #442f4b;
  --color-berry-jam-950: #2b1c31;
  --color-honey-bunny: #d2b783;
  --color-honey-bunny-50: #fff0d4;
  --color-honey-bunny-100: #f7e5c3;
  --color-honey-bunny-200: #e5d0a8;
  --color-honey-bunny-300: #d2b783;
  --color-honey-bunny-400: #b29967;
  --color-honey-bunny-500: #987e4c;
  --color-honey-bunny-600: #7d6534;
  --color-honey-bunny-700: #665022;
  --color-honey-bunny-800: #513e15;
  --color-honey-bunny-900: #40300c;
  --color-honey-bunny-950: #291d04;
  --color-murasaki: #4c2845;
  --color-murasaki-50: #fff0fb;
  --color-murasaki-100: #fee1f7;
  --color-murasaki-200: #eecbe5;
  --color-murasaki-300: #dab3d0;
  --color-murasaki-400: #bd93b3;
  --color-murasaki-500: #a27899;
  --color-murasaki-600: #875f7e;
  --color-murasaki-700: #6f4a67;
  --color-murasaki-800: #593953;
  --color-murasaki-900: #4c2845;
  --color-murasaki-950: #2e1a2a;
}

Similar palettes