Super Rare Jade to Strawberry Buttercream color palette

00B8B6Super Rare Jade 613A84Kingfisher Daisy 6A8200Enchanted Forest 391522Chocolate Kiss EDB6FFStrawberry Buttercream

Open in generator Export PNG, PDF, ASE…

About this palette

Super Rare Jade to Strawberry Buttercream is a 5-color cool palette: #00B8B6 (Super Rare Jade), #613A84 (Kingfisher Daisy), #6A8200 (Enchanted Forest), #391522 (Chocolate Kiss), #EDB6FF (Strawberry Buttercream). It mixes turquoise, purple, green, red tones and feels cool overall. The strongest text pairing is #391522 on #EDB6FF with a contrast ratio of 9.76:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Super Rare Jade	rgb(0, 184, 182)	hsl(179, 100%, 36%)
Kingfisher Daisy	rgb(97, 58, 132)	hsl(272, 39%, 37%)
Enchanted Forest	rgb(106, 130, 0)	hsl(71, 100%, 25%)
Chocolate Kiss	rgb(57, 21, 34)	hsl(338, 46%, 15%)
Strawberry Buttercream	rgb(237, 182, 255)	hsl(285, 100%, 86%)

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.

Aa9.76:1 Very good#391522 on #EDB6FF
Aa9.76:1 Very good#EDB6FF on #391522
Aa6.54:1 Good#00B8B6 on #391522
Aa6.54:1 Good#391522 on #00B8B6
Aa5.21:1 Good#613A84 on #EDB6FF
Aa5.21:1 Good#EDB6FF on #613A84
Aa3.68:1 Poor#6A8200 on #391522
Aa3.68:1 Poor#391522 on #6A8200

Color blindness preview

CSS variables

/* Super Rare Jade to Strawberry Buttercream — https://swatchly.xyz/palette/00b8b6-613a84-6a8200-391522-edb6ff */
:root {
  --super-rare-jade: #00b8b6;
  --kingfisher-daisy: #613a84;
  --enchanted-forest: #6a8200;
  --chocolate-kiss: #391522;
  --strawberry-buttercream: #edb6ff;
}

Tailwind CSS v4

/* Super Rare Jade to Strawberry Buttercream — https://swatchly.xyz/palette/00b8b6-613a84-6a8200-391522-edb6ff */
@theme {
  --color-super-rare-jade: #00b8b6;
  --color-super-rare-jade-50: #d4fffd;
  --color-super-rare-jade-100: #affbf9;
  --color-super-rare-jade-200: #8ceae8;
  --color-super-rare-jade-300: #63d6d3;
  --color-super-rare-jade-400: #00b8b6;
  --color-super-rare-jade-500: #009997;
  --color-super-rare-jade-600: #007b7a;
  --color-super-rare-jade-700: #006261;
  --color-super-rare-jade-800: #004d4c;
  --color-super-rare-jade-900: #003b3b;
  --color-super-rare-jade-950: #002525;
  --color-kingfisher-daisy: #613a84;
  --color-kingfisher-daisy-50: #f8f2ff;
  --color-kingfisher-daisy-100: #f1e5ff;
  --color-kingfisher-daisy-200: #e3caff;
  --color-kingfisher-daisy-300: #d0adf5;
  --color-kingfisher-daisy-400: #b18ad9;
  --color-kingfisher-daisy-500: #956dbc;
  --color-kingfisher-daisy-600: #78539d;
  --color-kingfisher-daisy-700: #613a84;
  --color-kingfisher-daisy-800: #4b2d67;
  --color-kingfisher-daisy-900: #3b2152;
  --color-kingfisher-daisy-950: #251335;
  --color-enchanted-forest: #6a8200;
  --color-enchanted-forest-50: #edfec6;
  --color-enchanted-forest-100: #e4f7b9;
  --color-enchanted-forest-200: #d1e69d;
  --color-enchanted-forest-300: #bbd37d;
  --color-enchanted-forest-400: #9cb653;
  --color-enchanted-forest-500: #829c2f;
  --color-enchanted-forest-600: #6a8200;
  --color-enchanted-forest-700: #546700;
  --color-enchanted-forest-800: #415000;
  --color-enchanted-forest-900: #313e00;
  --color-enchanted-forest-950: #1e2600;
  --color-chocolate-kiss: #391522;
  --color-chocolate-kiss-50: #fff1f5;
  --color-chocolate-kiss-100: #ffe3ea;
  --color-chocolate-kiss-200: #f1ccd6;
  --color-chocolate-kiss-300: #deb4c0;
  --color-chocolate-kiss-400: #c093a0;
  --color-chocolate-kiss-500: #a67886;
  --color-chocolate-kiss-600: #8a5f6c;
  --color-chocolate-kiss-700: #714a56;
  --color-chocolate-kiss-800: #5c3944;
  --color-chocolate-kiss-900: #492c35;
  --color-chocolate-kiss-950: #391522;
  --color-strawberry-buttercream: #edb6ff;
  --color-strawberry-buttercream-50: #f9e7ff;
  --color-strawberry-buttercream-100: #f5d6ff;
  --color-strawberry-buttercream-200: #edb6ff;
  --color-strawberry-buttercream-300: #d4a4e4;
  --color-strawberry-buttercream-400: #b885c9;
  --color-strawberry-buttercream-500: #9e6aae;
  --color-strawberry-buttercream-600: #835293;
  --color-strawberry-buttercream-700: #6c3f7a;
  --color-strawberry-buttercream-800: #573063;
  --color-strawberry-buttercream-900: #44234f;
  --color-strawberry-buttercream-950: #2c1333;
}