Soul Anchor to Sea Glass Teal Color Palette

About this palette

Soul Anchor to Sea Glass Teal is a 5-color warm, vintage palette: #5D203A (Soul Anchor), #6F3C59 (Passionate Plum), #5F85AE (Kimono), #E5A34D (Pumpkin Pie), #9CE8CE (Sea Glass Teal). It mixes red, blue, orange, turquoise tones and feels warm overall. The strongest text pairing is #5D203A on #9CE8CE with a contrast ratio of 8.57:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Soul Anchor	rgb(93, 32, 58)	hsl(334, 49%, 25%)
Passionate Plum	rgb(111, 60, 89)	hsl(326, 30%, 34%)
Kimono	rgb(95, 133, 174)	hsl(211, 33%, 53%)
Pumpkin Pie	rgb(229, 163, 77)	hsl(34, 75%, 60%)
Sea Glass Teal	rgb(156, 232, 206)	hsl(159, 62%, 76%)

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.57:1 Very good#5D203A on #9CE8CE
Aa8.57:1 Very good#9CE8CE on #5D203A
Aa6.02:1 Good#6F3C59 on #9CE8CE
Aa6.02:1 Good#9CE8CE on #6F3C59
Aa5.58:1 Good#5D203A on #E5A34D
Aa5.58:1 Good#E5A34D on #5D203A
Aa3.92:1 Poor#6F3C59 on #E5A34D
Aa3.92:1 Poor#E5A34D on #6F3C59

Color blindness preview

CSS variables

/* Soul Anchor to Sea Glass Teal — https://swatchly.xyz/palette/5d203a-6f3c59-5f85ae-e5a34d-9ce8ce */
:root {
  --soul-anchor: #5d203a;
  --passionate-plum: #6f3c59;
  --kimono: #5f85ae;
  --pumpkin-pie: #e5a34d;
  --sea-glass-teal: #9ce8ce;
}

Tailwind CSS v4

/* Soul Anchor to Sea Glass Teal — https://swatchly.xyz/palette/5d203a-6f3c59-5f85ae-e5a34d-9ce8ce */
@theme {
  --color-soul-anchor: #5d203a;
  --color-soul-anchor-50: #fff1f5;
  --color-soul-anchor-100: #ffe2eb;
  --color-soul-anchor-200: #fec5d8;
  --color-soul-anchor-300: #ecacc2;
  --color-soul-anchor-400: #d18ba4;
  --color-soul-anchor-500: #b6708a;
  --color-soul-anchor-600: #9a5770;
  --color-soul-anchor-700: #80435b;
  --color-soul-anchor-800: #6a3349;
  --color-soul-anchor-900: #5d203a;
  --color-soul-anchor-950: #391725;
  --color-passionate-plum: #6f3c59;
  --color-passionate-plum-50: #fff0f8;
  --color-passionate-plum-100: #ffe2f0;
  --color-passionate-plum-200: #f5c7df;
  --color-passionate-plum-300: #e1adc8;
  --color-passionate-plum-400: #c38ba9;
  --color-passionate-plum-500: #a66e8c;
  --color-passionate-plum-600: #885470;
  --color-passionate-plum-700: #6f3c59;
  --color-passionate-plum-800: #562f45;
  --color-passionate-plum-900: #442236;
  --color-passionate-plum-950: #2b1421;
  --color-kimono: #5f85ae;
  --color-kimono-50: #edf5ff;
  --color-kimono-100: #daecff;
  --color-kimono-200: #bad8fa;
  --color-kimono-300: #9fc1e7;
  --color-kimono-400: #7ca1ca;
  --color-kimono-500: #5f85ae;
  --color-kimono-600: #476b92;
  --color-kimono-700: #345578;
  --color-kimono-800: #264261;
  --color-kimono-900: #1b334d;
  --color-kimono-950: #0e2032;
  --color-pumpkin-pie: #e5a34d;
  --color-pumpkin-pie-50: #ffead1;
  --color-pumpkin-pie-100: #ffdaaf;
  --color-pumpkin-pie-200: #f6bf7e;
  --color-pumpkin-pie-300: #e5a34d;
  --color-pumpkin-pie-400: #c6872f;
  --color-pumpkin-pie-500: #ab6e00;
  --color-pumpkin-pie-600: #8c5800;
  --color-pumpkin-pie-700: #714600;
  --color-pumpkin-pie-800: #5a3800;
  --color-pumpkin-pie-900: #492c00;
  --color-pumpkin-pie-950: #2e1a00;
  --color-sea-glass-teal: #9ce8ce;
  --color-sea-glass-teal-50: #d6ffef;
  --color-sea-glass-teal-100: #c7f6e5;
  --color-sea-glass-teal-200: #9ce8ce;
  --color-sea-glass-teal-300: #8fcfb9;
  --color-sea-glass-teal-400: #69b199;
  --color-sea-glass-teal-500: #4b967e;
  --color-sea-glass-teal-600: #2f7b65;
  --color-sea-glass-teal-700: #1a634f;
  --color-sea-glass-teal-800: #0a4e3d;
  --color-sea-glass-teal-900: #013d2e;
  --color-sea-glass-teal-950: #00261c;
}