Silken Jade to Cotton Candy Comet color palette

1DA59DSilken Jade DD95A7Foxy Pink 9B545FCherry Berry 00494ATropical Forest FFC4CDCotton Candy Comet

About this palette

Silken Jade to Cotton Candy Comet is a 5-color warm, vintage palette: #1DA59D (Silken Jade), #DD95A7 (Foxy Pink), #9B545F (Cherry Berry), #00494A (Tropical Forest), #FFC4CD (Cotton Candy Comet). It mixes turquoise, pink, red tones and feels warm overall. The strongest text pairing is #00494A on #FFC4CD with a contrast ratio of 6.84:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Silken Jade	rgb(29, 165, 157)	hsl(176, 70%, 38%)
Foxy Pink	rgb(221, 149, 167)	hsl(345, 51%, 73%)
Cherry Berry	rgb(155, 84, 95)	hsl(351, 30%, 47%)
Tropical Forest	rgb(0, 73, 74)	hsl(181, 100%, 15%)
Cotton Candy Comet	rgb(255, 196, 205)	hsl(351, 100%, 88%)

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.84:1 Good#00494A on #FFC4CD
Aa6.84:1 Good#FFC4CD on #00494A
Aa4.35:1 Poor#DD95A7 on #00494A
Aa4.35:1 Poor#00494A on #DD95A7
Aa3.67:1 Poor#9B545F on #FFC4CD
Aa3.67:1 Poor#FFC4CD on #9B545F
Aa3.37:1 Poor#1DA59D on #00494A
Aa3.37:1 Poor#00494A on #1DA59D

Color blindness preview

CSS variables

/* Silken Jade to Cotton Candy Comet — https://swatchly.xyz/palette/1da59d-dd95a7-9b545f-00494a-ffc4cd */
:root {
  --silken-jade: #1da59d;
  --foxy-pink: #dd95a7;
  --cherry-berry: #9b545f;
  --tropical-forest: #00494a;
  --cotton-candy-comet: #ffc4cd;
}

Tailwind CSS v4

/* Silken Jade to Cotton Candy Comet — https://swatchly.xyz/palette/1da59d-dd95a7-9b545f-00494a-ffc4cd */
@theme {
  --color-silken-jade: #1da59d;
  --color-silken-jade-50: #defffb;
  --color-silken-jade-100: #befdf7;
  --color-silken-jade-200: #a1eee7;
  --color-silken-jade-300: #7fdbd3;
  --color-silken-jade-400: #50bfb7;
  --color-silken-jade-500: #1da59d;
  --color-silken-jade-600: #00867f;
  --color-silken-jade-700: #006a64;
  --color-silken-jade-800: #00524e;
  --color-silken-jade-900: #003f3b;
  --color-silken-jade-950: #002725;
  --color-foxy-pink: #dd95a7;
  --color-foxy-pink-50: #fff7f8;
  --color-foxy-pink-100: #ffebf0;
  --color-foxy-pink-200: #ffd2dc;
  --color-foxy-pink-300: #f4b7c6;
  --color-foxy-pink-400: #dd95a7;
  --color-foxy-pink-500: #bd788a;
  --color-foxy-pink-600: #9e5c6d;
  --color-foxy-pink-700: #814555;
  --color-foxy-pink-800: #673341;
  --color-foxy-pink-900: #502431;
  --color-foxy-pink-950: #33141d;
  --color-cherry-berry: #9b545f;
  --color-cherry-berry-50: #fff1f3;
  --color-cherry-berry-100: #ffe3e6;
  --color-cherry-berry-200: #ffc7cd;
  --color-cherry-berry-300: #f0acb5;
  --color-cherry-berry-400: #d48a94;
  --color-cherry-berry-500: #b86e79;
  --color-cherry-berry-600: #9b545f;
  --color-cherry-berry-700: #7f3f4a;
  --color-cherry-berry-800: #662f38;
  --color-cherry-berry-900: #51222a;
  --color-cherry-berry-950: #351319;
  --color-tropical-forest: #00494a;
  --color-tropical-forest-50: #dcfdfd;
  --color-tropical-forest-100: #cef4f4;
  --color-tropical-forest-200: #b5e2e2;
  --color-tropical-forest-300: #98cccc;
  --color-tropical-forest-400: #72acad;
  --color-tropical-forest-500: #549091;
  --color-tropical-forest-600: #3a7475;
  --color-tropical-forest-700: #265c5d;
  --color-tropical-forest-800: #00494a;
  --color-tropical-forest-900: #0d3738;
  --color-tropical-forest-950: #052223;
  --color-cotton-candy-comet: #ffc4cd;
  --color-cotton-candy-comet-50: #fff0f2;
  --color-cotton-candy-comet-100: #ffe1e5;
  --color-cotton-candy-comet-200: #ffc4cd;
  --color-cotton-candy-comet-300: #e2b1b8;
  --color-cotton-candy-comet-400: #c59098;
  --color-cotton-candy-comet-500: #aa747d;
  --color-cotton-candy-comet-600: #8d5b64;
  --color-cotton-candy-comet-700: #73464e;
  --color-cotton-candy-comet-800: #5d353c;
  --color-cotton-candy-comet-900: #49272e;
  --color-cotton-candy-comet-950: #2f171c;
}