Start generating

Beefy Pink to Paprika color palette

EDBBF7Beefy Pink80BD9ANeptune GreenD77677BabeA961B7Prickly Purple15734EGreasy Greens83293CPaprika
Open in generator Export PNG, PDF, ASE…

About this palette

Beefy Pink to Paprika is a 6-color cool palette: #EDBBF7 (Beefy Pink), #80BD9A (Neptune Green), #D77677 (Babe), #A961B7 (Prickly Purple), #15734E (Greasy Greens), #83293C (Paprika). It mixes purple, green, red tones and feels cool overall. The strongest text pairing is #EDBBF7 on #83293C with a contrast ratio of 5.56:1, and 1 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Beefy Pinkrgb(237, 187, 247)hsl(290, 79%, 85%)
Neptune Greenrgb(128, 189, 154)hsl(146, 32%, 62%)
Babergb(215, 118, 119)hsl(359, 55%, 65%)
Prickly Purplergb(169, 97, 183)hsl(290, 37%, 55%)
Greasy Greensrgb(21, 115, 78)hsl(156, 69%, 27%)
Paprikargb(131, 41, 60)hsl(347, 52%, 34%)

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.

  • Aa5.56:1 Good#EDBBF7 on #83293C
  • Aa5.56:1 Good#83293C on #EDBBF7
  • Aa4.12:1 Poor#80BD9A on #83293C
  • Aa4.12:1 Poor#83293C on #80BD9A
  • Aa3.63:1 Poor#EDBBF7 on #15734E
  • Aa3.63:1 Poor#15734E on #EDBBF7

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Beefy Pink to Paprika — https://swatchly.xyz/palette/edbbf7-80bd9a-d77677-a961b7-15734e-83293c */
:root {
  --beefy-pink: #edbbf7;
  --neptune-green: #80bd9a;
  --babe: #d77677;
  --prickly-purple: #a961b7;
  --greasy-greens: #15734e;
  --paprika: #83293c;
}

Tailwind CSS v4

/* Beefy Pink to Paprika — https://swatchly.xyz/palette/edbbf7-80bd9a-d77677-a961b7-15734e-83293c */
@theme {
  --color-beefy-pink: #edbbf7;
  --color-beefy-pink-50: #fbe8ff;
  --color-beefy-pink-100: #f8d7ff;
  --color-beefy-pink-200: #edbbf7;
  --color-beefy-pink-300: #d4a9dd;
  --color-beefy-pink-400: #b789c1;
  --color-beefy-pink-500: #9d6fa6;
  --color-beefy-pink-600: #82568b;
  --color-beefy-pink-700: #6a4272;
  --color-beefy-pink-800: #56335d;
  --color-beefy-pink-900: #432549;
  --color-beefy-pink-950: #2b152f;
  --color-neptune-green: #80bd9a;
  --color-neptune-green-50: #ebfff3;
  --color-neptune-green-100: #d8fbe6;
  --color-neptune-green-200: #c1ecd2;
  --color-neptune-green-300: #a7d8bb;
  --color-neptune-green-400: #80bd9a;
  --color-neptune-green-500: #639f7d;
  --color-neptune-green-600: #468161;
  --color-neptune-green-700: #30674a;
  --color-neptune-green-800: #1f5137;
  --color-neptune-green-900: #133e28;
  --color-neptune-green-950: #072617;
  --color-babe: #d77677;
  --color-babe-50: #ffeceb;
  --color-babe-100: #ffdbda;
  --color-babe-200: #ffbcbb;
  --color-babe-300: #f59b9b;
  --color-babe-400: #d77677;
  --color-babe-500: #bb5d5f;
  --color-babe-600: #9d4548;
  --color-babe-700: #823236;
  --color-babe-800: #6a2428;
  --color-babe-900: #561a1e;
  --color-babe-950: #3a0e11;
  --color-prickly-purple: #a961b7;
  --color-prickly-purple-50: #fdefff;
  --color-prickly-purple-100: #fadfff;
  --color-prickly-purple-200: #f5bfff;
  --color-prickly-purple-300: #e3a2f0;
  --color-prickly-purple-400: #c67ed3;
  --color-prickly-purple-500: #a961b7;
  --color-prickly-purple-600: #8d489a;
  --color-prickly-purple-700: #73347f;
  --color-prickly-purple-800: #5c2567;
  --color-prickly-purple-900: #491a52;
  --color-prickly-purple-950: #2f0d36;
  --color-greasy-greens: #15734e;
  --color-greasy-greens-50: #dcffec;
  --color-greasy-greens-100: #c4f7db;
  --color-greasy-greens-200: #a6e4c3;
  --color-greasy-greens-300: #85cea8;
  --color-greasy-greens-400: #5cad86;
  --color-greasy-greens-500: #3a9069;
  --color-greasy-greens-600: #15734e;
  --color-greasy-greens-700: #045c3c;
  --color-greasy-greens-800: #00482e;
  --color-greasy-greens-900: #003823;
  --color-greasy-greens-950: #002414;
  --color-paprika: #83293c;
  --color-paprika-50: #fff1f2;
  --color-paprika-100: #ffe3e6;
  --color-paprika-200: #ffc4ca;
  --color-paprika-300: #faa1ac;
  --color-paprika-400: #dd7c8a;
  --color-paprika-500: #be5e6d;
  --color-paprika-600: #9d4453;
  --color-paprika-700: #83293c;
  --color-paprika-800: #66212f;
  --color-paprika-900: #511723;
  --color-paprika-950: #350b14;
}

Similar palettes