Start generating

Wine Tasting to Aquatic Edge color palette

482D35Wine Tasting686146Ochicha Latte898251Rural GreenA67A82Never Forget9FA8D5Old WorldBFD8D5Aquatic Edge
Open in generator Export PNG, PDF, ASE…

About this palette

Wine Tasting to Aquatic Edge is a 6-color muted, warm, vintage palette: #482D35 (Wine Tasting), #686146 (Ochicha Latte), #898251 (Rural Green), #A67A82 (Never Forget), #9FA8D5 (Old World), #BFD8D5 (Aquatic Edge). It mixes red, brown, yellow, pink, purple, gray tones and feels warm overall. The strongest text pairing is #482D35 on #BFD8D5 with a contrast ratio of 8.22:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Wine Tastingrgb(72, 45, 53)hsl(342, 23%, 23%)
Ochicha Lattergb(104, 97, 70)hsl(48, 20%, 34%)
Rural Greenrgb(137, 130, 81)hsl(52, 26%, 43%)
Never Forgetrgb(166, 122, 130)hsl(349, 20%, 56%)
Old Worldrgb(159, 168, 213)hsl(230, 39%, 73%)
Aquatic Edgergb(191, 216, 213)hsl(173, 24%, 80%)

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#482D35 on #BFD8D5
  • Aa8.22:1 Very good#BFD8D5 on #482D35
  • Aa5.31:1 Good#482D35 on #9FA8D5
  • Aa5.31:1 Good#9FA8D5 on #482D35
  • Aa4.13:1 Poor#686146 on #BFD8D5
  • Aa4.13:1 Poor#BFD8D5 on #686146
  • Aa3.36:1 Poor#482D35 on #A67A82
  • Aa3.36:1 Poor#A67A82 on #482D35

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Wine Tasting to Aquatic Edge — https://swatchly.xyz/palette/482d35-686146-898251-a67a82-9fa8d5-bfd8d5 */
:root {
  --wine-tasting: #482d35;
  --ochicha-latte: #686146;
  --rural-green: #898251;
  --never-forget: #a67a82;
  --old-world: #9fa8d5;
  --aquatic-edge: #bfd8d5;
}

Tailwind CSS v4

/* Wine Tasting to Aquatic Edge — https://swatchly.xyz/palette/482d35-686146-898251-a67a82-9fa8d5-bfd8d5 */
@theme {
  --color-wine-tasting: #482d35;
  --color-wine-tasting-50: #fff1f4;
  --color-wine-tasting-100: #fbe4ea;
  --color-wine-tasting-200: #ead0d6;
  --color-wine-tasting-300: #d6b8c0;
  --color-wine-tasting-400: #b898a1;
  --color-wine-tasting-500: #9e7d86;
  --color-wine-tasting-600: #82646c;
  --color-wine-tasting-700: #6a4f56;
  --color-wine-tasting-800: #563d44;
  --color-wine-tasting-900: #482d35;
  --color-wine-tasting-950: #2c1d21;
  --color-ochicha-latte: #686146;
  --color-ochicha-latte-50: #faf5e4;
  --color-ochicha-latte-100: #eee9d6;
  --color-ochicha-latte-200: #d9d4bd;
  --color-ochicha-latte-300: #c2bba1;
  --color-ochicha-latte-400: #a19a7e;
  --color-ochicha-latte-500: #847d61;
  --color-ochicha-latte-600: #686146;
  --color-ochicha-latte-700: #534d35;
  --color-ochicha-latte-800: #413c28;
  --color-ochicha-latte-900: #322e1d;
  --color-ochicha-latte-950: #1f1c10;
  --color-rural-green: #898251;
  --color-rural-green-50: #f9f5d9;
  --color-rural-green-100: #efebca;
  --color-rural-green-200: #dbd6af;
  --color-rural-green-300: #c5bf92;
  --color-rural-green-400: #a59e6e;
  --color-rural-green-500: #898251;
  --color-rural-green-600: #6f693a;
  --color-rural-green-700: #595328;
  --color-rural-green-800: #46411b;
  --color-rural-green-900: #373211;
  --color-rural-green-950: #221f07;
  --color-never-forget: #a67a82;
  --color-never-forget-50: #fff2f4;
  --color-never-forget-100: #ffe4e8;
  --color-never-forget-200: #f2ced4;
  --color-never-forget-300: #deb6bd;
  --color-never-forget-400: #c1959d;
  --color-never-forget-500: #a67a82;
  --color-never-forget-600: #896068;
  --color-never-forget-700: #704a51;
  --color-never-forget-800: #59383f;
  --color-never-forget-900: #462a30;
  --color-never-forget-950: #2d191d;
  --color-old-world: #9fa8d5;
  --color-old-world-50: #f6f8ff;
  --color-old-world-100: #ecefff;
  --color-old-world-200: #d5dcfd;
  --color-old-world-300: #bfc7ed;
  --color-old-world-400: #9fa8d5;
  --color-old-world-500: #828bb6;
  --color-old-world-600: #676f98;
  --color-old-world-700: #50577c;
  --color-old-world-800: #3d4263;
  --color-old-world-900: #2d324d;
  --color-old-world-950: #1a1e31;
  --color-aquatic-edge: #bfd8d5;
  --color-aquatic-edge-50: #e6f5f3;
  --color-aquatic-edge-100: #daeae8;
  --color-aquatic-edge-200: #bfd8d5;
  --color-aquatic-edge-300: #acc2bf;
  --color-aquatic-edge-400: #8ca4a1;
  --color-aquatic-edge-500: #728986;
  --color-aquatic-edge-600: #596f6d;
  --color-aquatic-edge-700: #455957;
  --color-aquatic-edge-800: #354644;
  --color-aquatic-edge-900: #273635;
  --color-aquatic-edge-950: #172221;
}

Similar palettes