Soul Anchor to Pastel Mint Color Palette

About this palette

Soul Anchor to Pastel Mint is a 5-color cool palette: #5D1932 (Soul Anchor), #6A48A0 (Ultrapurple Merge), #9570AE (Crown Jewels), #5ABF80 (Bleached Olive), #CAF3D3 (Pastel Mint). It mixes red, purple, green tones and feels cool overall. The strongest text pairing is #5D1932 on #CAF3D3 with a contrast ratio of 10.46:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Soul Anchor	rgb(93, 25, 50)	hsl(338, 58%, 23%)
Ultrapurple Merge	rgb(106, 72, 160)	hsl(263, 38%, 45%)
Crown Jewels	rgb(149, 112, 174)	hsl(276, 28%, 56%)
Bleached Olive	rgb(90, 191, 128)	hsl(143, 44%, 55%)
Pastel Mint	rgb(202, 243, 211)	hsl(133, 63%, 87%)

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.

Aa10.46:1 Very good#5D1932 on #CAF3D3
Aa10.46:1 Very good#CAF3D3 on #5D1932
Aa5.67:1 Good#6A48A0 on #CAF3D3
Aa5.67:1 Good#CAF3D3 on #6A48A0
Aa5.57:1 Good#5D1932 on #5ABF80
Aa5.57:1 Good#5ABF80 on #5D1932
Aa3.32:1 Poor#9570AE on #CAF3D3
Aa3.32:1 Poor#CAF3D3 on #9570AE

Color blindness preview

CSS variables

/* Soul Anchor to Pastel Mint — https://swatchly.xyz/palette/5d1932-6a48a0-9570ae-5abf80-caf3d3 */
:root {
  --soul-anchor: #5d1932;
  --ultrapurple-merge: #6a48a0;
  --crown-jewels: #9570ae;
  --bleached-olive: #5abf80;
  --pastel-mint: #caf3d3;
}

Tailwind CSS v4

/* Soul Anchor to Pastel Mint — https://swatchly.xyz/palette/5d1932-6a48a0-9570ae-5abf80-caf3d3 */
@theme {
  --color-soul-anchor: #5d1932;
  --color-soul-anchor-50: #fff1f4;
  --color-soul-anchor-100: #ffe3e9;
  --color-soul-anchor-200: #ffc5d4;
  --color-soul-anchor-300: #f1aabd;
  --color-soul-anchor-400: #d5889d;
  --color-soul-anchor-500: #b96c83;
  --color-soul-anchor-600: #9c5369;
  --color-soul-anchor-700: #813f53;
  --color-soul-anchor-800: #6a2f42;
  --color-soul-anchor-900: #5d1932;
  --color-soul-anchor-950: #38131f;
  --color-ultrapurple-merge: #6a48a0;
  --color-ultrapurple-merge-50: #f6f3ff;
  --color-ultrapurple-merge-100: #eee7ff;
  --color-ultrapurple-merge-200: #dfd0ff;
  --color-ultrapurple-merge-300: #cdb5ff;
  --color-ultrapurple-merge-400: #b293ed;
  --color-ultrapurple-merge-500: #9978d4;
  --color-ultrapurple-merge-600: #7f5eb8;
  --color-ultrapurple-merge-700: #6a48a0;
  --color-ultrapurple-merge-800: #533681;
  --color-ultrapurple-merge-900: #412867;
  --color-ultrapurple-merge-950: #291745;
  --color-crown-jewels: #9570ae;
  --color-crown-jewels-50: #f9f1ff;
  --color-crown-jewels-100: #f3e2ff;
  --color-crown-jewels-200: #e5c8fa;
  --color-crown-jewels-300: #d0aee8;
  --color-crown-jewels-400: #b18cca;
  --color-crown-jewels-500: #9570ae;
  --color-crown-jewels-600: #7a5792;
  --color-crown-jewels-700: #634378;
  --color-crown-jewels-800: #4e3261;
  --color-crown-jewels-900: #3d264d;
  --color-crown-jewels-950: #271632;
  --color-bleached-olive: #5abf80;
  --color-bleached-olive-50: #e5ffec;
  --color-bleached-olive-100: #c5fed6;
  --color-bleached-olive-200: #a9eebf;
  --color-bleached-olive-300: #8adba5;
  --color-bleached-olive-400: #5abf80;
  --color-bleached-olive-500: #3aa165;
  --color-bleached-olive-600: #12844a;
  --color-bleached-olive-700: #006a38;
  --color-bleached-olive-800: #00522a;
  --color-bleached-olive-900: #003f1f;
  --color-bleached-olive-950: #002711;
  --color-pastel-mint: #caf3d3;
  --color-pastel-mint-50: #e1f9e6;
  --color-pastel-mint-100: #caf3d3;
  --color-pastel-mint-200: #bfddc5;
  --color-pastel-mint-300: #a6c8ae;
  --color-pastel-mint-400: #85aa8e;
  --color-pastel-mint-500: #6a9073;
  --color-pastel-mint-600: #51755a;
  --color-pastel-mint-700: #3d5e46;
  --color-pastel-mint-800: #2d4a35;
  --color-pastel-mint-900: #213927;
  --color-pastel-mint-950: #122417;
}