Sugarwinkle to Green Not Found color palette

FFC4DASugarwinkle 9BAF1DAugustus Asparagus 0084C3Forget-Me-Not A3245FPlastic Lips 424503Green Not Found

Open in generator Export PNG, PDF, ASE…

About this palette

Sugarwinkle to Green Not Found is a 5-color warm palette: #FFC4DA (Sugarwinkle), #9BAF1D (Augustus Asparagus), #0084C3 (Forget-Me-Not), #A3245F (Plastic Lips), #424503 (Green Not Found). It mixes pink, green, blue, red tones and feels warm overall. The strongest text pairing is #FFC4DA on #424503 with a contrast ratio of 6.79:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sugarwinkle	rgb(255, 196, 218)	hsl(338, 100%, 88%)
Augustus Asparagus	rgb(155, 175, 29)	hsl(68, 72%, 40%)
Forget-Me-Not	rgb(0, 132, 195)	hsl(199, 100%, 38%)
Plastic Lips	rgb(163, 36, 95)	hsl(332, 64%, 39%)
Green Not Found	rgb(66, 69, 3)	hsl(63, 92%, 14%)

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.79:1 Good#FFC4DA on #424503
Aa6.79:1 Good#424503 on #FFC4DA
Aa4.76:1 Good#FFC4DA on #A3245F
Aa4.76:1 Good#A3245F on #FFC4DA
Aa4.10:1 Poor#9BAF1D on #424503
Aa4.10:1 Poor#424503 on #9BAF1D

Color blindness preview

CSS variables

/* Sugarwinkle to Green Not Found — https://swatchly.xyz/palette/ffc4da-9baf1d-0084c3-a3245f-424503 */
:root {
  --sugarwinkle: #ffc4da;
  --augustus-asparagus: #9baf1d;
  --forget-me-not: #0084c3;
  --plastic-lips: #a3245f;
  --green-not-found: #424503;
}

Tailwind CSS v4

/* Sugarwinkle to Green Not Found — https://swatchly.xyz/palette/ffc4da-9baf1d-0084c3-a3245f-424503 */
@theme {
  --color-sugarwinkle: #ffc4da;
  --color-sugarwinkle-50: #fff0f5;
  --color-sugarwinkle-100: #ffe2ec;
  --color-sugarwinkle-200: #ffc4da;
  --color-sugarwinkle-300: #e2b1c3;
  --color-sugarwinkle-400: #c590a4;
  --color-sugarwinkle-500: #a97489;
  --color-sugarwinkle-600: #8d5a6e;
  --color-sugarwinkle-700: #734557;
  --color-sugarwinkle-800: #5c3444;
  --color-sugarwinkle-900: #482734;
  --color-sugarwinkle-950: #2e1620;
  --color-augustus-asparagus: #9baf1d;
  --color-augustus-asparagus-50: #f0febc;
  --color-augustus-asparagus-100: #e6f5ab;
  --color-augustus-asparagus-200: #d1e389;
  --color-augustus-asparagus-300: #bbce63;
  --color-augustus-asparagus-400: #9baf1d;
  --color-augustus-asparagus-500: #809200;
  --color-augustus-asparagus-600: #677500;
  --color-augustus-asparagus-700: #515d00;
  --color-augustus-asparagus-800: #3f4800;
  --color-augustus-asparagus-900: #303800;
  --color-augustus-asparagus-950: #1d2200;
  --color-forget-me-not: #0084c3;
  --color-forget-me-not-50: #e8f5ff;
  --color-forget-me-not-100: #d1ebff;
  --color-forget-me-not-200: #a5d9ff;
  --color-forget-me-not-300: #6cc3fe;
  --color-forget-me-not-400: #3ba2e1;
  --color-forget-me-not-500: #0084c3;
  --color-forget-me-not-600: #006a9e;
  --color-forget-me-not-700: #00547f;
  --color-forget-me-not-800: #004265;
  --color-forget-me-not-900: #003450;
  --color-forget-me-not-950: #002035;
  --color-plastic-lips: #a3245f;
  --color-plastic-lips-50: #fff1f5;
  --color-plastic-lips-100: #ffe3eb;
  --color-plastic-lips-200: #ffc8d9;
  --color-plastic-lips-300: #ffa6c5;
  --color-plastic-lips-400: #f477a7;
  --color-plastic-lips-500: #d9598d;
  --color-plastic-lips-600: #bc3e74;
  --color-plastic-lips-700: #a3245f;
  --color-plastic-lips-800: #83164a;
  --color-plastic-lips-900: #690839;
  --color-plastic-lips-950: #460123;
  --color-green-not-found: #424503;
  --color-green-not-found-50: #f5f9d7;
  --color-green-not-found-100: #ebefc9;
  --color-green-not-found-200: #d7dcaf;
  --color-green-not-found-300: #c1c692;
  --color-green-not-found-400: #a1a66d;
  --color-green-not-found-500: #868b50;
  --color-green-not-found-600: #6b7036;
  --color-green-not-found-700: #555823;
  --color-green-not-found-800: #424503;
  --color-green-not-found-900: #32350c;
  --color-green-not-found-950: #1f2104;
}