Breeze of Chilli to Mysterious Mixture color palette

ED7268Breeze of Chilli F3B5FFStrawberry Buttercream FFD1C5Girlie 9D61ADPrickly Purple 006A6FAqua Obscura 0B4D1EMysterious Mixture

Open in generator Export PNG, PDF, ASE…

About this palette

Breeze of Chilli to Mysterious Mixture is a 6-color cool palette: #ED7268 (Breeze of Chilli), #F3B5FF (Strawberry Buttercream), #FFD1C5 (Girlie), #9D61AD (Prickly Purple), #006A6F (Aqua Obscura), #0B4D1E (Mysterious Mixture). It mixes red, purple, pink, turquoise, green tones and feels cool overall. The strongest text pairing is #FFD1C5 on #0B4D1E with a contrast ratio of 7.25:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Breeze of Chilli	rgb(237, 114, 104)	hsl(5, 79%, 67%)
Strawberry Buttercream	rgb(243, 181, 255)	hsl(290, 100%, 85%)
Girlie	rgb(255, 209, 197)	hsl(12, 100%, 89%)
Prickly Purple	rgb(157, 97, 173)	hsl(287, 32%, 53%)
Aqua Obscura	rgb(0, 106, 111)	hsl(183, 100%, 22%)
Mysterious Mixture	rgb(11, 77, 30)	hsl(137, 75%, 17%)

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.

Aa7.25:1 Very good#FFD1C5 on #0B4D1E
Aa7.25:1 Very good#0B4D1E on #FFD1C5
Aa6.14:1 Good#F3B5FF on #0B4D1E
Aa6.14:1 Good#0B4D1E on #F3B5FF
Aa4.61:1 Good#FFD1C5 on #006A6F
Aa4.61:1 Good#006A6F on #FFD1C5
Aa3.91:1 Poor#F3B5FF on #006A6F
Aa3.91:1 Poor#006A6F on #F3B5FF

Color blindness preview

CSS variables

/* Breeze of Chilli to Mysterious Mixture — https://swatchly.xyz/palette/ed7268-f3b5ff-ffd1c5-9d61ad-006a6f-0b4d1e */
:root {
  --breeze-of-chilli: #ed7268;
  --strawberry-buttercream: #f3b5ff;
  --girlie: #ffd1c5;
  --prickly-purple: #9d61ad;
  --aqua-obscura: #006a6f;
  --mysterious-mixture: #0b4d1e;
}

Tailwind CSS v4

/* Breeze of Chilli to Mysterious Mixture — https://swatchly.xyz/palette/ed7268-f3b5ff-ffd1c5-9d61ad-006a6f-0b4d1e */
@theme {
  --color-breeze-of-chilli: #ed7268;
  --color-breeze-of-chilli-50: #ffefed;
  --color-breeze-of-chilli-100: #ffe1dd;
  --color-breeze-of-chilli-200: #ffc3bc;
  --color-breeze-of-chilli-300: #ff9f95;
  --color-breeze-of-chilli-400: #ed7268;
  --color-breeze-of-chilli-500: #ce574e;
  --color-breeze-of-chilli-600: #af3c37;
  --color-breeze-of-chilli-700: #912825;
  --color-breeze-of-chilli-800: #761918;
  --color-breeze-of-chilli-900: #5f0e0f;
  --color-breeze-of-chilli-950: #400506;
  --color-strawberry-buttercream: #f3b5ff;
  --color-strawberry-buttercream-50: #fbe8ff;
  --color-strawberry-buttercream-100: #f9d7ff;
  --color-strawberry-buttercream-200: #f3b5ff;
  --color-strawberry-buttercream-300: #d9a4e4;
  --color-strawberry-buttercream-400: #bd83c8;
  --color-strawberry-buttercream-500: #a269ae;
  --color-strawberry-buttercream-600: #875092;
  --color-strawberry-buttercream-700: #6f3d79;
  --color-strawberry-buttercream-800: #5a2e62;
  --color-strawberry-buttercream-900: #47214e;
  --color-strawberry-buttercream-950: #2d1233;
  --color-girlie: #ffd1c5;
  --color-girlie-50: #fff7f5;
  --color-girlie-100: #ffebe6;
  --color-girlie-200: #ffd1c5;
  --color-girlie-300: #e1bcb2;
  --color-girlie-400: #c39a8f;
  --color-girlie-500: #a77d73;
  --color-girlie-600: #8a6258;
  --color-girlie-700: #6f4c43;
  --color-girlie-800: #583a32;
  --color-girlie-900: #452b25;
  --color-girlie-950: #2c1a15;
  --color-prickly-purple: #9d61ad;
  --color-prickly-purple-50: #fbeeff;
  --color-prickly-purple-100: #f8ddff;
  --color-prickly-purple-200: #efbdfc;
  --color-prickly-purple-300: #daa2e9;
  --color-prickly-purple-400: #bb7ecb;
  --color-prickly-purple-500: #9d61ad;
  --color-prickly-purple-600: #824991;
  --color-prickly-purple-700: #6a3777;
  --color-prickly-purple-800: #552861;
  --color-prickly-purple-900: #431d4d;
  --color-prickly-purple-950: #2c1033;
  --color-aqua-obscura: #006a6f;
  --color-aqua-obscura-50: #dafdff;
  --color-aqua-obscura-100: #c5f6f9;
  --color-aqua-obscura-200: #abe5e9;
  --color-aqua-obscura-300: #8ed2d5;
  --color-aqua-obscura-400: #67b4b9;
  --color-aqua-obscura-500: #479a9f;
  --color-aqua-obscura-600: #2a8085;
  --color-aqua-obscura-700: #006a6f;
  --color-aqua-obscura-800: #005357;
  --color-aqua-obscura-900: #004043;
  --color-aqua-obscura-950: #00282b;
  --color-mysterious-mixture: #0b4d1e;
  --color-mysterious-mixture-50: #e0ffe3;
  --color-mysterious-mixture-100: #d0f7d4;
  --color-mysterious-mixture-200: #b7e6bc;
  --color-mysterious-mixture-300: #9bd0a1;
  --color-mysterious-mixture-400: #76b17e;
  --color-mysterious-mixture-500: #599562;
  --color-mysterious-mixture-600: #3e7948;
  --color-mysterious-mixture-700: #2a6035;
  --color-mysterious-mixture-800: #0b4d1e;
  --color-mysterious-mixture-900: #113a1a;
  --color-mysterious-mixture-950: #07240e;
}