Pink Orchid to Cuba Libre Color Palette

About this palette

Pink Orchid to Cuba Libre is a 5-color warm palette: #DA6AC4 (Pink Orchid), #470B34 (Blackberry), #CE446D (Dark Pink), #FFBBA8 (Cream Puff), #6C3942 (Cuba Libre). It mixes pink, red, brown tones and feels warm overall. The strongest text pairing is #470B34 on #FFBBA8 with a contrast ratio of 9.47:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pink Orchid	rgb(218, 106, 196)	hsl(312, 60%, 64%)
Blackberry	rgb(71, 11, 52)	hsl(319, 73%, 16%)
Dark Pink	rgb(206, 68, 109)	hsl(342, 58%, 54%)
Cream Puff	rgb(255, 187, 168)	hsl(13, 100%, 83%)
Cuba Libre	rgb(108, 57, 66)	hsl(349, 31%, 32%)

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.

Aa9.47:1 Very good#470B34 on #FFBBA8
Aa9.47:1 Very good#FFBBA8 on #470B34
Aa5.62:1 Good#FFBBA8 on #6C3942
Aa5.62:1 Good#6C3942 on #FFBBA8
Aa5.01:1 Good#DA6AC4 on #470B34
Aa5.01:1 Good#470B34 on #DA6AC4
Aa3.42:1 Poor#470B34 on #CE446D
Aa3.42:1 Poor#CE446D on #470B34

Color blindness preview

CSS variables

/* Pink Orchid to Cuba Libre — https://swatchly.xyz/palette/da6ac4-470b34-ce446d-ffbba8-6c3942 */
:root {
  --pink-orchid: #da6ac4;
  --blackberry: #470b34;
  --dark-pink: #ce446d;
  --cream-puff: #ffbba8;
  --cuba-libre: #6c3942;
}

Tailwind CSS v4

/* Pink Orchid to Cuba Libre — https://swatchly.xyz/palette/da6ac4-470b34-ce446d-ffbba8-6c3942 */
@theme {
  --color-pink-orchid: #da6ac4;
  --color-pink-orchid-50: #ffecfa;
  --color-pink-orchid-100: #ffdaf5;
  --color-pink-orchid-200: #ffb8ee;
  --color-pink-orchid-300: #f792e1;
  --color-pink-orchid-400: #da6ac4;
  --color-pink-orchid-500: #bd4fa8;
  --color-pink-orchid-600: #9f358d;
  --color-pink-orchid-700: #832274;
  --color-pink-orchid-800: #6b135d;
  --color-pink-orchid-900: #56094b;
  --color-pink-orchid-950: #390331;
  --color-blackberry: #470b34;
  --color-blackberry-50: #fff0f8;
  --color-blackberry-100: #ffe2f2;
  --color-blackberry-200: #fcc4e4;
  --color-blackberry-300: #e9abcf;
  --color-blackberry-400: #cd89b0;
  --color-blackberry-500: #b36f97;
  --color-blackberry-600: #97567e;
  --color-blackberry-700: #7f4367;
  --color-blackberry-800: #693455;
  --color-blackberry-900: #572845;
  --color-blackberry-950: #470b34;
  --color-dark-pink: #ce446d;
  --color-dark-pink-50: #ffeff1;
  --color-dark-pink-100: #ffdee4;
  --color-dark-pink-200: #ffbfcb;
  --color-dark-pink-300: #ff97ae;
  --color-dark-pink-400: #ee6589;
  --color-dark-pink-500: #ce446d;
  --color-dark-pink-600: #ae2955;
  --color-dark-pink-700: #911442;
  --color-dark-pink-800: #760332;
  --color-dark-pink-900: #5f0026;
  --color-dark-pink-950: #3f0017;
  --color-cream-puff: #ffbba8;
  --color-cream-puff-50: #ffe9e3;
  --color-cream-puff-100: #ffd9cf;
  --color-cream-puff-200: #ffbba8;
  --color-cream-puff-300: #e4a998;
  --color-cream-puff-400: #c88a78;
  --color-cream-puff-500: #ad6f5e;
  --color-cream-puff-600: #925747;
  --color-cream-puff-700: #784435;
  --color-cream-puff-800: #623427;
  --color-cream-puff-900: #4d261c;
  --color-cream-puff-950: #32160e;
  --color-cuba-libre: #6c3942;
  --color-cuba-libre-50: #fff1f3;
  --color-cuba-libre-100: #ffe3e7;
  --color-cuba-libre-200: #f9cad0;
  --color-cuba-libre-300: #e7b3ba;
  --color-cuba-libre-400: #cc939b;
  --color-cuba-libre-500: #b27981;
  --color-cuba-libre-600: #976069;
  --color-cuba-libre-700: #7e4c54;
  --color-cuba-libre-800: #6c3942;
  --color-cuba-libre-900: #532c33;
  --color-cuba-libre-950: #371a1f;
}