Brandywine Spritz to Cherry Blossom color palette

About this palette

Brandywine Spritz to Cherry Blossom is a 5-color warm, vintage palette: #E09DAC (Brandywine Spritz), #00A791 (Hobgoblin), #004C47 (Tropical Forest), #905C74 (Indian Silk), #FDC2D8 (Cherry Blossom). It mixes pink, turquoise, red tones and feels warm overall. The strongest text pairing is #004C47 on #FDC2D8 with a contrast ratio of 6.53:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Brandywine Spritzrgb(224, 157, 172)hsl(347, 52%, 75%)
Hobgoblinrgb(0, 167, 145)hsl(172, 100%, 33%)
Tropical Forestrgb(0, 76, 71)hsl(176, 100%, 15%)
Indian Silkrgb(144, 92, 116)hsl(332, 22%, 46%)
Cherry Blossomrgb(253, 194, 216)hsl(338, 94%, 88%)

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.

  • Aa6.53:1 Good#004C47 on #FDC2D8
  • Aa6.53:1 Good#FDC2D8 on #004C47
  • Aa4.51:1 Good#E09DAC on #004C47
  • Aa4.51:1 Good#004C47 on #E09DAC
  • Aa3.50:1 Poor#905C74 on #FDC2D8
  • Aa3.50:1 Poor#FDC2D8 on #905C74
  • Aa3.26:1 Poor#00A791 on #004C47
  • Aa3.26:1 Poor#004C47 on #00A791

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Brandywine Spritz to Cherry Blossom — https://swatchly.xyz/palette/e09dac-00a791-004c47-905c74-fdc2d8 */
:root {
  --brandywine-spritz: #e09dac;
  --hobgoblin: #00a791;
  --tropical-forest: #004c47;
  --indian-silk: #905c74;
  --cherry-blossom: #fdc2d8;
}

Tailwind CSS v4

/* Brandywine Spritz to Cherry Blossom — https://swatchly.xyz/palette/e09dac-00a791-004c47-905c74-fdc2d8 */
@theme {
  --color-brandywine-spritz: #e09dac;
  --color-brandywine-spritz-50: #ffe6eb;
  --color-brandywine-spritz-100: #ffd4dd;
  --color-brandywine-spritz-200: #f2bac6;
  --color-brandywine-spritz-300: #e09dac;
  --color-brandywine-spritz-400: #c18190;
  --color-brandywine-spritz-500: #a76877;
  --color-brandywine-spritz-600: #8b5160;
  --color-brandywine-spritz-700: #733f4c;
  --color-brandywine-spritz-800: #5e303c;
  --color-brandywine-spritz-900: #4c252f;
  --color-brandywine-spritz-950: #31151c;
  --color-hobgoblin: #00a791;
  --color-hobgoblin-50: #e0fff7;
  --color-hobgoblin-100: #bbffef;
  --color-hobgoblin-200: #9df0de;
  --color-hobgoblin-300: #7addc9;
  --color-hobgoblin-400: #48c1ab;
  --color-hobgoblin-500: #00a791;
  --color-hobgoblin-600: #008774;
  --color-hobgoblin-700: #006b5c;
  --color-hobgoblin-800: #005347;
  --color-hobgoblin-900: #003f36;
  --color-hobgoblin-950: #002721;
  --color-tropical-forest: #004c47;
  --color-tropical-forest-50: #dbfef9;
  --color-tropical-forest-100: #cef5f0;
  --color-tropical-forest-200: #b4e2dd;
  --color-tropical-forest-300: #98cdc7;
  --color-tropical-forest-400: #72aea8;
  --color-tropical-forest-500: #54928c;
  --color-tropical-forest-600: #3a7771;
  --color-tropical-forest-700: #265f5a;
  --color-tropical-forest-800: #004c47;
  --color-tropical-forest-900: #0d3a36;
  --color-tropical-forest-950: #042421;
  --color-indian-silk: #905c74;
  --color-indian-silk-50: #fff1f6;
  --color-indian-silk-100: #ffe3ef;
  --color-indian-silk-200: #f6cadd;
  --color-indian-silk-300: #e4b2c8;
  --color-indian-silk-400: #c791a9;
  --color-indian-silk-500: #ac768e;
  --color-indian-silk-600: #905c74;
  --color-indian-silk-700: #75475c;
  --color-indian-silk-800: #5e3548;
  --color-indian-silk-900: #4a2738;
  --color-indian-silk-950: #2f1723;
  --color-cherry-blossom: #fdc2d8;
  --color-cherry-blossom-50: #ffeff4;
  --color-cherry-blossom-100: #ffdfeb;
  --color-cherry-blossom-200: #fdc2d8;
  --color-cherry-blossom-300: #e1afc1;
  --color-cherry-blossom-400: #c48ea3;
  --color-cherry-blossom-500: #a87388;
  --color-cherry-blossom-600: #8c5a6e;
  --color-cherry-blossom-700: #724557;
  --color-cherry-blossom-800: #5c3444;
  --color-cherry-blossom-900: #482734;
  --color-cherry-blossom-950: #2e1620;
}

Similar palettes