Start generating

Turquoise Fantasies to Dainty Peach color palette

5DB2A7Turquoise Fantasies766FB3Venus Violet325C4FIridescent311D0EClose but No CigarFFCFB8Dainty Peach
Open in generator Export PNG, PDF, ASE…

About this palette

Turquoise Fantasies to Dainty Peach is a 5-color cool, vintage palette: #5DB2A7 (Turquoise Fantasies), #766FB3 (Venus Violet), #325C4F (Iridescent), #311D0E (Close but No Cigar), #FFCFB8 (Dainty Peach). It mixes turquoise, purple, brown, orange tones and feels cool overall. The strongest text pairing is #311D0E on #FFCFB8 with a contrast ratio of 11.33:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Turquoise Fantasiesrgb(93, 178, 167)hsl(172, 36%, 53%)
Venus Violetrgb(118, 111, 179)hsl(246, 31%, 57%)
Iridescentrgb(50, 92, 79)hsl(161, 30%, 28%)
Close but No Cigarrgb(49, 29, 14)hsl(26, 56%, 12%)
Dainty Peachrgb(255, 207, 184)hsl(19, 100%, 86%)

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.

  • Aa11.33:1 Very good#311D0E on #FFCFB8
  • Aa11.33:1 Very good#FFCFB8 on #311D0E
  • Aa6.39:1 Good#5DB2A7 on #311D0E
  • Aa6.39:1 Good#311D0E on #5DB2A7
  • Aa5.35:1 Good#325C4F on #FFCFB8
  • Aa5.35:1 Good#FFCFB8 on #325C4F
  • Aa3.58:1 Poor#766FB3 on #311D0E
  • Aa3.58:1 Poor#311D0E on #766FB3

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Turquoise Fantasies to Dainty Peach — https://swatchly.xyz/palette/5db2a7-766fb3-325c4f-311d0e-ffcfb8 */
:root {
  --turquoise-fantasies: #5db2a7;
  --venus-violet: #766fb3;
  --iridescent: #325c4f;
  --close-but-no-cigar: #311d0e;
  --dainty-peach: #ffcfb8;
}

Tailwind CSS v4

/* Turquoise Fantasies to Dainty Peach — https://swatchly.xyz/palette/5db2a7-766fb3-325c4f-311d0e-ffcfb8 */
@theme {
  --color-turquoise-fantasies: #5db2a7;
  --color-turquoise-fantasies-50: #d5fff8;
  --color-turquoise-fantasies-100: #c4f7ef;
  --color-turquoise-fantasies-200: #a8e5dc;
  --color-turquoise-fantasies-300: #89d0c6;
  --color-turquoise-fantasies-400: #5db2a7;
  --color-turquoise-fantasies-500: #40968c;
  --color-turquoise-fantasies-600: #217b71;
  --color-turquoise-fantasies-700: #04635a;
  --color-turquoise-fantasies-800: #004d46;
  --color-turquoise-fantasies-900: #003c36;
  --color-turquoise-fantasies-950: #002622;
  --color-venus-violet: #766fb3;
  --color-venus-violet-50: #f2f1ff;
  --color-venus-violet-100: #e4e3ff;
  --color-venus-violet-200: #cdcaff;
  --color-venus-violet-300: #b4aff0;
  --color-venus-violet-400: #938cd2;
  --color-venus-violet-500: #766fb3;
  --color-venus-violet-600: #5f5797;
  --color-venus-violet-700: #4b447d;
  --color-venus-violet-800: #3b3466;
  --color-venus-violet-900: #2e2852;
  --color-venus-violet-950: #1c1837;
  --color-iridescent: #325c4f;
  --color-iridescent-50: #e3fcf3;
  --color-iridescent-100: #d7f3e9;
  --color-iridescent-200: #bee0d4;
  --color-iridescent-300: #a3cabc;
  --color-iridescent-400: #80ab9c;
  --color-iridescent-500: #648f80;
  --color-iridescent-600: #4a7366;
  --color-iridescent-700: #325c4f;
  --color-iridescent-800: #27483d;
  --color-iridescent-900: #1b372f;
  --color-iridescent-950: #0e231c;
  --color-close-but-no-cigar: #311d0e;
  --color-close-but-no-cigar-50: #fff2ea;
  --color-close-but-no-cigar-100: #f9e7dc;
  --color-close-but-no-cigar-200: #e8d3c5;
  --color-close-but-no-cigar-300: #d3bcac;
  --color-close-but-no-cigar-400: #b59c8b;
  --color-close-but-no-cigar-500: #9a8170;
  --color-close-but-no-cigar-600: #7f6857;
  --color-close-but-no-cigar-700: #685243;
  --color-close-but-no-cigar-800: #534033;
  --color-close-but-no-cigar-900: #423226;
  --color-close-but-no-cigar-950: #311d0e;
  --color-dainty-peach: #ffcfb8;
  --color-dainty-peach-50: #fff5f0;
  --color-dainty-peach-100: #ffe9de;
  --color-dainty-peach-200: #ffcfb8;
  --color-dainty-peach-300: #e2baa7;
  --color-dainty-peach-400: #c49984;
  --color-dainty-peach-500: #a87c67;
  --color-dainty-peach-600: #8b624e;
  --color-dainty-peach-700: #714c39;
  --color-dainty-peach-800: #5a392a;
  --color-dainty-peach-900: #462b1e;
  --color-dainty-peach-950: #2d1a10;
}

Similar palettes