Rich Black to Tuscan Color Palette

About this palette

Rich Black to Tuscan is a 5-color cool palette: #004043 (Rich Black), #922C9F (Purple Ink), #B958CD (Love Priestess), #E6B300 (Trumpet Gold), #FAD7AB (Tuscan). It mixes turquoise, pink, purple, yellow, orange tones and feels cool overall. The strongest text pairing is #004043 on #FAD7AB with a contrast ratio of 8.47:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Rich Black	rgb(0, 64, 67)	hsl(183, 100%, 13%)
Purple Ink	rgb(146, 44, 159)	hsl(293, 57%, 40%)
Love Priestess	rgb(185, 88, 205)	hsl(290, 54%, 57%)
Trumpet Gold	rgb(230, 179, 0)	hsl(47, 100%, 45%)
Tuscan	rgb(250, 215, 171)	hsl(33, 89%, 83%)

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.47:1 Very good#004043 on #FAD7AB
Aa8.47:1 Very good#FAD7AB on #004043
Aa5.96:1 Good#004043 on #E6B300
Aa5.96:1 Good#E6B300 on #004043
Aa4.99:1 Good#922C9F on #FAD7AB
Aa4.99:1 Good#FAD7AB on #922C9F
Aa3.51:1 Poor#922C9F on #E6B300
Aa3.51:1 Poor#E6B300 on #922C9F

Color blindness preview

CSS variables

/* Rich Black to Tuscan — https://swatchly.xyz/palette/004043-922c9f-b958cd-e6b300-fad7ab */
:root {
  --rich-black: #004043;
  --purple-ink: #922c9f;
  --love-priestess: #b958cd;
  --trumpet-gold: #e6b300;
  --tuscan: #fad7ab;
}

Tailwind CSS v4

/* Rich Black to Tuscan — https://swatchly.xyz/palette/004043-922c9f-b958cd-e6b300-fad7ab */
@theme {
  --color-rich-black: #004043;
  --color-rich-black-50: #defcfd;
  --color-rich-black-100: #d1f3f5;
  --color-rich-black-200: #b8e1e3;
  --color-rich-black-300: #9ccbcd;
  --color-rich-black-400: #79adb0;
  --color-rich-black-500: #5d9396;
  --color-rich-black-600: #44797b;
  --color-rich-black-700: #306264;
  --color-rich-black-800: #214e51;
  --color-rich-black-900: #004043;
  --color-rich-black-950: #0a2829;
  --color-purple-ink: #922c9f;
  --color-purple-ink-50: #fef0ff;
  --color-purple-ink-100: #fcdeff;
  --color-purple-ink-200: #f8bbff;
  --color-purple-ink-300: #ee94f9;
  --color-purple-ink-400: #cf6cdc;
  --color-purple-ink-500: #b14cbe;
  --color-purple-ink-600: #922c9f;
  --color-purple-ink-700: #761d82;
  --color-purple-ink-800: #5f0e69;
  --color-purple-ink-900: #4c0654;
  --color-purple-ink-950: #320238;
  --color-love-priestess: #b958cd;
  --color-love-priestess-50: #fdf1ff;
  --color-love-priestess-100: #fae2ff;
  --color-love-priestess-200: #f5c4ff;
  --color-love-priestess-300: #ee9fff;
  --color-love-priestess-400: #d477e8;
  --color-love-priestess-500: #b958cd;
  --color-love-priestess-600: #9b3cae;
  --color-love-priestess-700: #7f2691;
  --color-love-priestess-800: #671576;
  --color-love-priestess-900: #51095e;
  --color-love-priestess-950: #35023e;
  --color-trumpet-gold: #e6b300;
  --color-trumpet-gold-50: #fff1cf;
  --color-trumpet-gold-100: #ffe4a5;
  --color-trumpet-gold-200: #f4ce6c;
  --color-trumpet-gold-300: #e6b300;
  --color-trumpet-gold-400: #c19600;
  --color-trumpet-gold-500: #a17d00;
  --color-trumpet-gold-600: #836400;
  --color-trumpet-gold-700: #685000;
  --color-trumpet-gold-800: #533e00;
  --color-trumpet-gold-900: #413000;
  --color-trumpet-gold-950: #291d00;
  --color-tuscan: #fad7ab;
  --color-tuscan-50: #fff8ef;
  --color-tuscan-100: #ffedd7;
  --color-tuscan-200: #fad7ab;
  --color-tuscan-300: #ddc19d;
  --color-tuscan-400: #bf9f77;
  --color-tuscan-500: #a38359;
  --color-tuscan-600: #86673f;
  --color-tuscan-700: #6c502b;
  --color-tuscan-800: #553d1c;
  --color-tuscan-900: #432e12;
  --color-tuscan-950: #2b1c08;
}