Murasaki to Strawberry Milk color palette

532B50Murasaki 00622CFicus Elastica A26097Bermuda Onion 46A881Herbal 67CB9DMinted Elegance FFD5EDStrawberry Milk

Open in generator Export PNG, PDF, ASE…

About this palette

Murasaki to Strawberry Milk is a 6-color cool palette: #532B50 (Murasaki), #00622C (Ficus Elastica), #A26097 (Bermuda Onion), #46A881 (Herbal), #67CB9D (Minted Elegance), #FFD5ED (Strawberry Milk). It mixes purple, green, pink tones and feels cool overall. The strongest text pairing is #532B50 on #FFD5ED with a contrast ratio of 8.74:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Murasaki	rgb(83, 43, 80)	hsl(304, 32%, 25%)
Ficus Elastica	rgb(0, 98, 44)	hsl(147, 100%, 19%)
Bermuda Onion	rgb(162, 96, 151)	hsl(310, 26%, 51%)
Herbal	rgb(70, 168, 129)	hsl(156, 41%, 47%)
Minted Elegance	rgb(103, 203, 157)	hsl(152, 49%, 60%)
Strawberry Milk	rgb(255, 213, 237)	hsl(326, 100%, 92%)

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.74:1 Very good#532B50 on #FFD5ED
Aa8.74:1 Very good#FFD5ED on #532B50
Aa5.80:1 Good#532B50 on #67CB9D
Aa5.80:1 Good#67CB9D on #532B50
Aa5.75:1 Good#00622C on #FFD5ED
Aa5.75:1 Good#FFD5ED on #00622C
Aa3.92:1 Poor#532B50 on #46A881
Aa3.92:1 Poor#46A881 on #532B50

Color blindness preview

CSS variables

/* Murasaki to Strawberry Milk — https://swatchly.xyz/palette/532b50-00622c-a26097-46a881-67cb9d-ffd5ed */
:root {
  --murasaki: #532b50;
  --ficus-elastica: #00622c;
  --bermuda-onion: #a26097;
  --herbal: #46a881;
  --minted-elegance: #67cb9d;
  --strawberry-milk: #ffd5ed;
}

Tailwind CSS v4

/* Murasaki to Strawberry Milk — https://swatchly.xyz/palette/532b50-00622c-a26097-46a881-67cb9d-ffd5ed */
@theme {
  --color-murasaki: #532b50;
  --color-murasaki-50: #fff0fd;
  --color-murasaki-100: #ffe0fb;
  --color-murasaki-200: #efcaeb;
  --color-murasaki-300: #dab0d5;
  --color-murasaki-400: #bb8eb6;
  --color-murasaki-500: #9e719a;
  --color-murasaki-600: #81567d;
  --color-murasaki-700: #664163;
  --color-murasaki-800: #532b50;
  --color-murasaki-900: #3e233b;
  --color-murasaki-950: #271425;
  --color-ficus-elastica: #00622c;
  --color-ficus-elastica-50: #dfffe5;
  --color-ficus-elastica-100: #c9fad3;
  --color-ficus-elastica-200: #ade8b9;
  --color-ficus-elastica-300: #8ed29e;
  --color-ficus-elastica-400: #67b37a;
  --color-ficus-elastica-500: #47975d;
  --color-ficus-elastica-600: #2a7a44;
  --color-ficus-elastica-700: #00622c;
  --color-ficus-elastica-800: #044c22;
  --color-ficus-elastica-900: #003b18;
  --color-ficus-elastica-950: #00250c;
  --color-bermuda-onion: #a26097;
  --color-bermuda-onion-50: #ffedfb;
  --color-bermuda-onion-100: #ffdaf7;
  --color-bermuda-onion-200: #f5bcea;
  --color-bermuda-onion-300: #e0a1d4;
  --color-bermuda-onion-400: #c07db5;
  --color-bermuda-onion-500: #a26097;
  --color-bermuda-onion-600: #87497d;
  --color-bermuda-onion-700: #6e3765;
  --color-bermuda-onion-800: #592951;
  --color-bermuda-onion-900: #471e41;
  --color-bermuda-onion-950: #2e112a;
  --color-herbal: #46a881;
  --color-herbal-50: #e4fff2;
  --color-herbal-100: #c9fee5;
  --color-herbal-200: #afefd1;
  --color-herbal-300: #92ddbb;
  --color-herbal-400: #69c19b;
  --color-herbal-500: #46a881;
  --color-herbal-600: #218a65;
  --color-herbal-700: #006f4e;
  --color-herbal-800: #00563c;
  --color-herbal-900: #00422c;
  --color-herbal-950: #00291a;
  --color-minted-elegance: #67cb9d;
  --color-minted-elegance-50: #c5fee0;
  --color-minted-elegance-100: #b3f3d2;
  --color-minted-elegance-200: #93e0ba;
  --color-minted-elegance-300: #67cb9d;
  --color-minted-elegance-400: #4aad81;
  --color-minted-elegance-500: #289368;
  --color-minted-elegance-600: #007952;
  --color-minted-elegance-700: #006141;
  --color-minted-elegance-800: #004e33;
  --color-minted-elegance-900: #003e27;
  --color-minted-elegance-950: #002717;
  --color-strawberry-milk: #ffd5ed;
  --color-strawberry-milk-50: #ffe6f4;
  --color-strawberry-milk-100: #ffd5ed;
  --color-strawberry-milk-200: #e6c6d8;
  --color-strawberry-milk-300: #d3b0c4;
  --color-strawberry-milk-400: #b791a7;
  --color-strawberry-milk-500: #9c778d;
  --color-strawberry-milk-600: #825e73;
  --color-strawberry-milk-700: #6a4a5d;
  --color-strawberry-milk-800: #543849;
  --color-strawberry-milk-900: #422a38;
  --color-strawberry-milk-950: #2a1923;
}