Creamy Strawberry to Elite Teal color palette

FAD4DECreamy Strawberry C8B9DANew Love A091B3Wizard’s Brew 945E64Cheek Red 435133Zen Garden Olive 003331Elite Teal

Open in generator Export PNG, PDF, ASE…

About this palette

Creamy Strawberry to Elite Teal is a 6-color muted, cool palette: #FAD4DE (Creamy Strawberry), #C8B9DA (New Love), #A091B3 (Wizard’s Brew), #945E64 (Cheek Red), #435133 (Zen Garden Olive), #003331 (Elite Teal). It mixes pink, purple, red, green, turquoise tones and feels cool overall. The strongest text pairing is #FAD4DE on #003331 with a contrast ratio of 10.24:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Creamy Strawberry	rgb(250, 212, 222)	hsl(344, 79%, 91%)
New Love	rgb(200, 185, 218)	hsl(267, 31%, 79%)
Wizard’s Brew	rgb(160, 145, 179)	hsl(266, 18%, 64%)
Cheek Red	rgb(148, 94, 100)	hsl(353, 22%, 47%)
Zen Garden Olive	rgb(67, 81, 51)	hsl(88, 23%, 26%)
Elite Teal	rgb(0, 51, 49)	hsl(178, 100%, 10%)

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.24:1 Very good#FAD4DE on #003331
Aa10.24:1 Very good#003331 on #FAD4DE
Aa7.52:1 Very good#C8B9DA on #003331
Aa7.52:1 Very good#003331 on #C8B9DA
Aa6.31:1 Good#FAD4DE on #435133
Aa6.31:1 Good#435133 on #FAD4DE
Aa4.74:1 Good#A091B3 on #003331
Aa4.74:1 Good#003331 on #A091B3

Color blindness preview

CSS variables

/* Creamy Strawberry to Elite Teal — https://swatchly.xyz/palette/fad4de-c8b9da-a091b3-945e64-435133-003331 */
:root {
  --creamy-strawberry: #fad4de;
  --new-love: #c8b9da;
  --wizard-s-brew: #a091b3;
  --cheek-red: #945e64;
  --zen-garden-olive: #435133;
  --elite-teal: #003331;
}

Tailwind CSS v4

/* Creamy Strawberry to Elite Teal — https://swatchly.xyz/palette/fad4de-c8b9da-a091b3-945e64-435133-003331 */
@theme {
  --color-creamy-strawberry: #fad4de;
  --color-creamy-strawberry-50: #fff9fa;
  --color-creamy-strawberry-100: #ffedf1;
  --color-creamy-strawberry-200: #fad4de;
  --color-creamy-strawberry-300: #ddbec6;
  --color-creamy-strawberry-400: #be9ca5;
  --color-creamy-strawberry-500: #a17f88;
  --color-creamy-strawberry-600: #84646d;
  --color-creamy-strawberry-700: #6a4d55;
  --color-creamy-strawberry-800: #533a41;
  --color-creamy-strawberry-900: #412c32;
  --color-creamy-strawberry-950: #291a1f;
  --color-new-love: #c8b9da;
  --color-new-love-50: #f8f2ff;
  --color-new-love-100: #f0e6fb;
  --color-new-love-200: #ddd2eb;
  --color-new-love-300: #c8b9da;
  --color-new-love-400: #a89ab9;
  --color-new-love-500: #8d7f9e;
  --color-new-love-600: #726582;
  --color-new-love-700: #5b4f69;
  --color-new-love-800: #483d54;
  --color-new-love-900: #372e42;
  --color-new-love-950: #221c2a;
  --color-wizard-s-brew: #a091b3;
  --color-wizard-s-brew-50: #f5eeff;
  --color-wizard-s-brew-100: #ebe1f9;
  --color-wizard-s-brew-200: #d7cbe7;
  --color-wizard-s-brew-300: #c0b2d2;
  --color-wizard-s-brew-400: #a091b3;
  --color-wizard-s-brew-500: #867898;
  --color-wizard-s-brew-600: #6d5f7e;
  --color-wizard-s-brew-700: #574b67;
  --color-wizard-s-brew-800: #453a52;
  --color-wizard-s-brew-900: #362d41;
  --color-wizard-s-brew-950: #221c2b;
  --color-cheek-red: #945e64;
  --color-cheek-red-50: #fff1f2;
  --color-cheek-red-100: #ffe4e6;
  --color-cheek-red-200: #f9cbcf;
  --color-cheek-red-300: #e7b4b8;
  --color-cheek-red-400: #cb9398;
  --color-cheek-red-500: #b0787d;
  --color-cheek-red-600: #945e64;
  --color-cheek-red-700: #79484e;
  --color-cheek-red-800: #61363c;
  --color-cheek-red-900: #4c282d;
  --color-cheek-red-950: #31181b;
  --color-zen-garden-olive: #435133;
  --color-zen-garden-olive-50: #eff9e6;
  --color-zen-garden-olive-100: #e5f0da;
  --color-zen-garden-olive-200: #d0ddc3;
  --color-zen-garden-olive-300: #bac9ab;
  --color-zen-garden-olive-400: #9cab8b;
  --color-zen-garden-olive-500: #829271;
  --color-zen-garden-olive-600: #697859;
  --color-zen-garden-olive-700: #556345;
  --color-zen-garden-olive-800: #435133;
  --color-zen-garden-olive-900: #343e28;
  --color-zen-garden-olive-950: #202817;
  --color-elite-teal: #003331;
  --color-elite-teal-50: #e1fbf9;
  --color-elite-teal-100: #d5f2f0;
  --color-elite-teal-200: #bde0dd;
  --color-elite-teal-300: #a2cac7;
  --color-elite-teal-400: #7daaa7;
  --color-elite-teal-500: #5f8d8a;
  --color-elite-teal-600: #45716e;
  --color-elite-teal-700: #305855;
  --color-elite-teal-800: #204341;
  --color-elite-teal-900: #003331;
  --color-elite-teal-950: #0a1d1c;
}