Plum Cheese to Out of the Blue color palette

610035Plum Cheese FF8D33Mango Madness FFD7E6Pig Pink 007565Tropical Rainforest 0090E4Out of the Blue

Open in generator Export PNG, PDF, ASE…

About this palette

Plum Cheese to Out of the Blue is a 5-color warm palette: #610035 (Plum Cheese), #FF8D33 (Mango Madness), #FFD7E6 (Pig Pink), #007565 (Tropical Rainforest), #0090E4 (Out of the Blue). It mixes red, orange, pink, turquoise, blue tones and feels warm overall. The strongest text pairing is #610035 on #FFD7E6 with a contrast ratio of 10.33:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Plum Cheese	rgb(97, 0, 53)	hsl(327, 100%, 19%)
Mango Madness	rgb(255, 141, 51)	hsl(26, 100%, 60%)
Pig Pink	rgb(255, 215, 230)	hsl(338, 100%, 92%)
Tropical Rainforest	rgb(0, 117, 101)	hsl(172, 100%, 23%)
Out of the Blue	rgb(0, 144, 228)	hsl(202, 100%, 45%)

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.33:1 Very good#610035 on #FFD7E6
Aa10.33:1 Very good#FFD7E6 on #610035
Aa5.84:1 Good#610035 on #FF8D33
Aa5.84:1 Good#FF8D33 on #610035
Aa4.32:1 Poor#FFD7E6 on #007565
Aa4.32:1 Poor#007565 on #FFD7E6
Aa3.92:1 Poor#610035 on #0090E4
Aa3.92:1 Poor#0090E4 on #610035

Color blindness preview

CSS variables

/* Plum Cheese to Out of the Blue — https://swatchly.xyz/palette/610035-ff8d33-ffd7e6-007565-0090e4 */
:root {
  --plum-cheese: #610035;
  --mango-madness: #ff8d33;
  --pig-pink: #ffd7e6;
  --tropical-rainforest: #007565;
  --out-of-the-blue: #0090e4;
}

Tailwind CSS v4

/* Plum Cheese to Out of the Blue — https://swatchly.xyz/palette/610035-ff8d33-ffd7e6-007565-0090e4 */
@theme {
  --color-plum-cheese: #610035;
  --color-plum-cheese-50: #fff1f5;
  --color-plum-cheese-100: #ffe2ec;
  --color-plum-cheese-200: #ffc5d9;
  --color-plum-cheese-300: #fba2c3;
  --color-plum-cheese-400: #df7ea4;
  --color-plum-cheese-500: #c36189;
  --color-plum-cheese-600: #a4476e;
  --color-plum-cheese-700: #873357;
  --color-plum-cheese-800: #6d2344;
  --color-plum-cheese-900: #610035;
  --color-plum-cheese-950: #390c20;
  --color-mango-madness: #ff8d33;
  --color-mango-madness-50: #fff9f5;
  --color-mango-madness-100: #ffefe5;
  --color-mango-madness-200: #ffd8c0;
  --color-mango-madness-300: #ffbc90;
  --color-mango-madness-400: #ff8d33;
  --color-mango-madness-500: #db6f00;
  --color-mango-madness-600: #b15900;
  --color-mango-madness-700: #8d4500;
  --color-mango-madness-800: #6e3400;
  --color-mango-madness-900: #542600;
  --color-mango-madness-950: #351500;
  --color-pig-pink: #ffd7e6;
  --color-pig-pink-50: #ffe8f0;
  --color-pig-pink-100: #ffd7e6;
  --color-pig-pink-200: #e6c8d3;
  --color-pig-pink-300: #d3b1be;
  --color-pig-pink-400: #b692a0;
  --color-pig-pink-500: #9c7886;
  --color-pig-pink-600: #81606d;
  --color-pig-pink-700: #6a4b57;
  --color-pig-pink-800: #543944;
  --color-pig-pink-900: #422b34;
  --color-pig-pink-950: #2a1a20;
  --color-tropical-rainforest: #007565;
  --color-tropical-rainforest-50: #d8fff5;
  --color-tropical-rainforest-100: #c1f7ea;
  --color-tropical-rainforest-200: #a2e4d5;
  --color-tropical-rainforest-300: #81cebd;
  --color-tropical-rainforest-400: #56ae9d;
  --color-tropical-rainforest-500: #329180;
  --color-tropical-rainforest-600: #007565;
  --color-tropical-rainforest-700: #005d50;
  --color-tropical-rainforest-800: #00493e;
  --color-tropical-rainforest-900: #003930;
  --color-tropical-rainforest-950: #00241d;
  --color-out-of-the-blue: #0090e4;
  --color-out-of-the-blue-50: #eef7ff;
  --color-out-of-the-blue-100: #deefff;
  --color-out-of-the-blue-200: #badeff;
  --color-out-of-the-blue-300: #8ecaff;
  --color-out-of-the-blue-400: #41acfe;
  --color-out-of-the-blue-500: #0090e4;
  --color-out-of-the-blue-600: #0074b9;
  --color-out-of-the-blue-700: #005c94;
  --color-out-of-the-blue-800: #004775;
  --color-out-of-the-blue-900: #00375b;
  --color-out-of-the-blue-950: #00223b;
}