Kingfisher Daisy to Sassy Lime color palette

533574Kingfisher Daisy 00746DPine Scented Lagoon A783BCHeart Potion E3A5BAThink Pink CFE48CSassy Lime

Open in generator Export PNG, PDF, ASE…

About this palette

Kingfisher Daisy to Sassy Lime is a 5-color cool palette: #533574 (Kingfisher Daisy), #00746D (Pine Scented Lagoon), #A783BC (Heart Potion), #E3A5BA (Think Pink), #CFE48C (Sassy Lime). It mixes purple, turquoise, pink, green tones and feels cool overall. The strongest text pairing is #533574 on #CFE48C with a contrast ratio of 7.11:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Kingfisher Daisy	rgb(83, 53, 116)	hsl(269, 37%, 33%)
Pine Scented Lagoon	rgb(0, 116, 109)	hsl(176, 100%, 23%)
Heart Potion	rgb(167, 131, 188)	hsl(278, 30%, 63%)
Think Pink	rgb(227, 165, 186)	hsl(340, 53%, 77%)
Sassy Lime	rgb(207, 228, 140)	hsl(74, 62%, 72%)

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.

Aa7.11:1 Very good#533574 on #CFE48C
Aa7.11:1 Very good#CFE48C on #533574
Aa4.86:1 Good#533574 on #E3A5BA
Aa4.86:1 Good#E3A5BA on #533574
Aa4.07:1 Poor#00746D on #CFE48C
Aa4.07:1 Poor#CFE48C on #00746D
Aa3.11:1 Poor#533574 on #A783BC
Aa3.11:1 Poor#A783BC on #533574

Color blindness preview

CSS variables

/* Kingfisher Daisy to Sassy Lime — https://swatchly.xyz/palette/533574-00746d-a783bc-e3a5ba-cfe48c */
:root {
  --kingfisher-daisy: #533574;
  --pine-scented-lagoon: #00746d;
  --heart-potion: #a783bc;
  --think-pink: #e3a5ba;
  --sassy-lime: #cfe48c;
}

Tailwind CSS v4

/* Kingfisher Daisy to Sassy Lime — https://swatchly.xyz/palette/533574-00746d-a783bc-e3a5ba-cfe48c */
@theme {
  --color-kingfisher-daisy: #533574;
  --color-kingfisher-daisy-50: #f7f2ff;
  --color-kingfisher-daisy-100: #f0e6ff;
  --color-kingfisher-daisy-200: #e1ccff;
  --color-kingfisher-daisy-300: #ceb4f2;
  --color-kingfisher-daisy-400: #b193d7;
  --color-kingfisher-daisy-500: #9678bd;
  --color-kingfisher-daisy-600: #7c5ea0;
  --color-kingfisher-daisy-700: #654986;
  --color-kingfisher-daisy-800: #533574;
  --color-kingfisher-daisy-900: #3f2a58;
  --color-kingfisher-daisy-950: #28193a;
  --color-pine-scented-lagoon: #00746d;
  --color-pine-scented-lagoon-50: #d6fffa;
  --color-pine-scented-lagoon-100: #c1f6f0;
  --color-pine-scented-lagoon-200: #a2e3dc;
  --color-pine-scented-lagoon-300: #81cdc5;
  --color-pine-scented-lagoon-400: #56ada5;
  --color-pine-scented-lagoon-500: #329089;
  --color-pine-scented-lagoon-600: #00746d;
  --color-pine-scented-lagoon-700: #005c56;
  --color-pine-scented-lagoon-800: #004844;
  --color-pine-scented-lagoon-900: #003834;
  --color-pine-scented-lagoon-950: #002320;
  --color-heart-potion: #a783bc;
  --color-heart-potion-50: #fbf5ff;
  --color-heart-potion-100: #f7ebff;
  --color-heart-potion-200: #eed3fe;
  --color-heart-potion-300: #dbbdee;
  --color-heart-potion-400: #c09ed4;
  --color-heart-potion-500: #a783bc;
  --color-heart-potion-600: #89669d;
  --color-heart-potion-700: #6e4e81;
  --color-heart-potion-800: #573b67;
  --color-heart-potion-900: #432b50;
  --color-heart-potion-950: #2a1933;
  --color-think-pink: #e3a5ba;
  --color-think-pink-50: #ffebf1;
  --color-think-pink-100: #ffdbe6;
  --color-think-pink-200: #f3c1d2;
  --color-think-pink-300: #e3a5ba;
  --color-think-pink-400: #c2889c;
  --color-think-pink-500: #a76e82;
  --color-think-pink-600: #8c5669;
  --color-think-pink-700: #724254;
  --color-think-pink-800: #5c3242;
  --color-think-pink-900: #4a2633;
  --color-think-pink-950: #301620;
  --color-sassy-lime: #cfe48c;
  --color-sassy-lime-50: #f0fdce;
  --color-sassy-lime-100: #e6f4bf;
  --color-sassy-lime-200: #cfe48c;
  --color-sassy-lime-300: #bacb83;
  --color-sassy-lime-400: #9aac5a;
  --color-sassy-lime-500: #7e903a;
  --color-sassy-lime-600: #64751c;
  --color-sassy-lime-700: #4f5d01;
  --color-sassy-lime-800: #3d4900;
  --color-sassy-lime-900: #2e3800;
  --color-sassy-lime-950: #1c2300;
}