Start generating

Tobacco to Oh so Pink color palette

65513DTobacco8C745EMink423031Six Feet UnderA68A80EarthboundDAAAA0Sun-Kissed BeachEDC7D0Oh so Pink
Open in generator Export PNG, PDF, ASE…

About this palette

Tobacco to Oh so Pink is a 6-color muted, warm, vintage palette: #65513D (Tobacco), #8C745E (Mink), #423031 (Six Feet Under), #A68A80 (Earthbound), #DAAAA0 (Sun-Kissed Beach), #EDC7D0 (Oh so Pink). It mixes brown, gray, orange, red, pink tones and feels warm overall. The strongest text pairing is #423031 on #EDC7D0 with a contrast ratio of 8.05:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Tobaccorgb(101, 81, 61)hsl(30, 25%, 32%)
Minkrgb(140, 116, 94)hsl(29, 20%, 46%)
Six Feet Underrgb(66, 48, 49)hsl(357, 16%, 22%)
Earthboundrgb(166, 138, 128)hsl(16, 18%, 58%)
Sun-Kissed Beachrgb(218, 170, 160)hsl(10, 44%, 74%)
Oh so Pinkrgb(237, 199, 208)hsl(346, 51%, 85%)

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.05:1 Very good#423031 on #EDC7D0
  • Aa8.05:1 Very good#EDC7D0 on #423031
  • Aa6.03:1 Good#423031 on #DAAAA0
  • Aa6.03:1 Good#DAAAA0 on #423031
  • Aa4.89:1 Good#65513D on #EDC7D0
  • Aa4.89:1 Good#EDC7D0 on #65513D
  • Aa3.87:1 Poor#423031 on #A68A80
  • Aa3.87:1 Poor#A68A80 on #423031

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Tobacco to Oh so Pink — https://swatchly.xyz/palette/65513d-8c745e-423031-a68a80-daaaa0-edc7d0 */
:root {
  --tobacco: #65513d;
  --mink: #8c745e;
  --six-feet-under: #423031;
  --earthbound: #a68a80;
  --sun-kissed-beach: #daaaa0;
  --oh-so-pink: #edc7d0;
}

Tailwind CSS v4

/* Tobacco to Oh so Pink — https://swatchly.xyz/palette/65513d-8c745e-423031-a68a80-daaaa0-edc7d0 */
@theme {
  --color-tobacco: #65513d;
  --color-tobacco-50: #fff3e7;
  --color-tobacco-100: #f7e8da;
  --color-tobacco-200: #e6d4c3;
  --color-tobacco-300: #d1bdaa;
  --color-tobacco-400: #b39d88;
  --color-tobacco-500: #97826c;
  --color-tobacco-600: #7c6853;
  --color-tobacco-700: #65513d;
  --color-tobacco-800: #4f3f2f;
  --color-tobacco-900: #3d3022;
  --color-tobacco-950: #271d13;
  --color-mink: #8c745e;
  --color-mink-50: #fff0e2;
  --color-mink-100: #f5e3d3;
  --color-mink-200: #e1ccba;
  --color-mink-300: #cab39e;
  --color-mink-400: #aa917b;
  --color-mink-500: #8c745e;
  --color-mink-600: #735d48;
  --color-mink-700: #5d4937;
  --color-mink-800: #4a3929;
  --color-mink-900: #3a2c1e;
  --color-mink-950: #261b11;
  --color-six-feet-under: #423031;
  --color-six-feet-under-50: #fff1f2;
  --color-six-feet-under-100: #f6e7e8;
  --color-six-feet-under-200: #e4d3d3;
  --color-six-feet-under-300: #cfbbbc;
  --color-six-feet-under-400: #b19c9d;
  --color-six-feet-under-500: #968182;
  --color-six-feet-under-600: #7c6768;
  --color-six-feet-under-700: #645253;
  --color-six-feet-under-800: #504041;
  --color-six-feet-under-900: #423031;
  --color-six-feet-under-950: #281e1f;
  --color-earthbound: #a68a80;
  --color-earthbound-50: #fff5f1;
  --color-earthbound-100: #fdebe4;
  --color-earthbound-200: #eed8d0;
  --color-earthbound-300: #dbc3ba;
  --color-earthbound-400: #bfa49a;
  --color-earthbound-500: #a68a80;
  --color-earthbound-600: #886e64;
  --color-earthbound-700: #6e564d;
  --color-earthbound-800: #57423a;
  --color-earthbound-900: #43312b;
  --color-earthbound-950: #2a1d19;
  --color-sun-kissed-beach: #daaaa0;
  --color-sun-kissed-beach-50: #ffebe7;
  --color-sun-kissed-beach-100: #fddcd5;
  --color-sun-kissed-beach-200: #ecc5bd;
  --color-sun-kissed-beach-300: #daaaa0;
  --color-sun-kissed-beach-400: #ba8d84;
  --color-sun-kissed-beach-500: #a0736a;
  --color-sun-kissed-beach-600: #855b53;
  --color-sun-kissed-beach-700: #6d4740;
  --color-sun-kissed-beach-800: #583731;
  --color-sun-kissed-beach-900: #462a25;
  --color-sun-kissed-beach-950: #2d1915;
  --color-oh-so-pink: #edc7d0;
  --color-oh-so-pink-50: #ffecf0;
  --color-oh-so-pink-100: #f9dfe5;
  --color-oh-so-pink-200: #edc7d0;
  --color-oh-so-pink-300: #d4b3bb;
  --color-oh-so-pink-400: #b6949c;
  --color-oh-so-pink-500: #9c7982;
  --color-oh-so-pink-600: #816068;
  --color-oh-so-pink-700: #684b53;
  --color-oh-so-pink-800: #543a41;
  --color-oh-so-pink-900: #412c31;
  --color-oh-so-pink-950: #2a1a1e;
}

Similar palettes