Honey Do to Beefy Pink Color Palette

About this palette

Honey Do to Beefy Pink is a 5-color pastel, light, cool palette: #E6F1CA (Honey Do), #DAD8F7 (Icy Plains), #F6C1A4 (Shrimp Toast), #A4EBFF (Fresh Air), #DDBCF2 (Beefy Pink). It mixes green, purple, orange, blue tones and feels cool overall. The strongest text pairing is #E6F1CA on #DDBCF2 with a contrast ratio of 1.42:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Honey Do	rgb(230, 241, 202)	hsl(77, 58%, 87%)
Icy Plains	rgb(218, 216, 247)	hsl(244, 66%, 91%)
Shrimp Toast	rgb(246, 193, 164)	hsl(21, 82%, 80%)
Fresh Air	rgb(164, 235, 255)	hsl(193, 100%, 82%)
Beefy Pink	rgb(221, 188, 242)	hsl(277, 67%, 84%)

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.

Color blindness preview

CSS variables

/* Honey Do to Beefy Pink — https://swatchly.xyz/palette/e6f1ca-dad8f7-f6c1a4-a4ebff-ddbcf2 */
:root {
  --honey-do: #e6f1ca;
  --icy-plains: #dad8f7;
  --shrimp-toast: #f6c1a4;
  --fresh-air: #a4ebff;
  --beefy-pink: #ddbcf2;
}

Tailwind CSS v4

/* Honey Do to Beefy Pink — https://swatchly.xyz/palette/e6f1ca-dad8f7-f6c1a4-a4ebff-ddbcf2 */
@theme {
  --color-honey-do: #e6f1ca;
  --color-honey-do-50: #f2f8e3;
  --color-honey-do-100: #e6f1ca;
  --color-honey-do-200: #d4dcbf;
  --color-honey-do-300: #bdc6a6;
  --color-honey-do-400: #9da783;
  --color-honey-do-500: #828b68;
  --color-honey-do-600: #68714f;
  --color-honey-do-700: #51593b;
  --color-honey-do-800: #3f462b;
  --color-honey-do-900: #30361f;
  --color-honey-do-950: #1d2111;
  --color-icy-plains: #dad8f7;
  --color-icy-plains-50: #f7f7ff;
  --color-icy-plains-100: #eeedff;
  --color-icy-plains-200: #dad8f7;
  --color-icy-plains-300: #c3c1db;
  --color-icy-plains-400: #a3a1bd;
  --color-icy-plains-500: #8785a1;
  --color-icy-plains-600: #6c6a84;
  --color-icy-plains-700: #55536b;
  --color-icy-plains-800: #413f54;
  --color-icy-plains-900: #323042;
  --color-icy-plains-950: #1f1d2a;
  --color-shrimp-toast: #f6c1a4;
  --color-shrimp-toast-50: #ffeadf;
  --color-shrimp-toast-100: #ffdbc7;
  --color-shrimp-toast-200: #f6c1a4;
  --color-shrimp-toast-300: #dcae95;
  --color-shrimp-toast-400: #c08f74;
  --color-shrimp-toast-500: #a6755a;
  --color-shrimp-toast-600: #8a5d43;
  --color-shrimp-toast-700: #724931;
  --color-shrimp-toast-800: #5c3823;
  --color-shrimp-toast-900: #492a18;
  --color-shrimp-toast-950: #2f190c;
  --color-fresh-air: #a4ebff;
  --color-fresh-air-50: #f1fcff;
  --color-fresh-air-100: #daf7ff;
  --color-fresh-air-200: #a4ebff;
  --color-fresh-air-300: #98d1e1;
  --color-fresh-air-400: #70b1c3;
  --color-fresh-air-500: #4f94a7;
  --color-fresh-air-600: #32788a;
  --color-fresh-air-700: #1c6070;
  --color-fresh-air-800: #0b4a58;
  --color-fresh-air-900: #023945;
  --color-fresh-air-950: #00242d;
  --color-beefy-pink: #ddbcf2;
  --color-beefy-pink-50: #fcf9ff;
  --color-beefy-pink-100: #f8edff;
  --color-beefy-pink-200: #edd6fc;
  --color-beefy-pink-300: #ddbcf2;
  --color-beefy-pink-400: #ba9ccd;
  --color-beefy-pink-500: #9d7eb0;
  --color-beefy-pink-600: #806293;
  --color-beefy-pink-700: #674b77;
  --color-beefy-pink-800: #50385e;
  --color-beefy-pink-900: #3d2949;
  --color-beefy-pink-950: #27182f;
}