Moth to Powder Puff color palette

CAC099Moth ABE4CEQuiet Jade FFC2C8Cotton Candy Comet F1C7FBPurple’s Baby Sister E3E0BBSilver Fern FFF2F4Powder Puff

Open in generator Export PNG, PDF, ASE…

About this palette

Moth to Powder Puff is a 6-color pastel, light palette: #CAC099 (Moth), #ABE4CE (Quiet Jade), #FFC2C8 (Cotton Candy Comet), #F1C7FB (Purple’s Baby Sister), #E3E0BB (Silver Fern), #FFF2F4 (Powder Puff). It mixes yellow, turquoise, pink, purple, white tones and feels warm overall. The strongest text pairing is #CAC099 on #FFF2F4 with a contrast ratio of 1.67:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Moth	rgb(202, 192, 153)	hsl(48, 32%, 70%)
Quiet Jade	rgb(171, 228, 206)	hsl(157, 51%, 78%)
Cotton Candy Comet	rgb(255, 194, 200)	hsl(354, 100%, 88%)
Purple’s Baby Sister	rgb(241, 199, 251)	hsl(288, 87%, 88%)
Silver Fern	rgb(227, 224, 187)	hsl(56, 42%, 81%)
Powder Puff	rgb(255, 242, 244)	hsl(351, 100%, 97%)

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

/* Moth to Powder Puff — https://swatchly.xyz/palette/cac099-abe4ce-ffc2c8-f1c7fb-e3e0bb-fff2f4 */
:root {
  --moth: #cac099;
  --quiet-jade: #abe4ce;
  --cotton-candy-comet: #ffc2c8;
  --purple-s-baby-sister: #f1c7fb;
  --silver-fern: #e3e0bb;
  --powder-puff: #fff2f4;
}

Tailwind CSS v4

/* Moth to Powder Puff — https://swatchly.xyz/palette/cac099-abe4ce-ffc2c8-f1c7fb-e3e0bb-fff2f4 */
@theme {
  --color-moth: #cac099;
  --color-moth-50: #faf5df;
  --color-moth-100: #f1ebd2;
  --color-moth-200: #ded7b9;
  --color-moth-300: #cac099;
  --color-moth-400: #aaa17c;
  --color-moth-500: #8f8661;
  --color-moth-600: #746b48;
  --color-moth-700: #5d5534;
  --color-moth-800: #494226;
  --color-moth-900: #39331a;
  --color-moth-950: #241f0e;
  --color-quiet-jade: #abe4ce;
  --color-quiet-jade-50: #ddfcef;
  --color-quiet-jade-100: #d0f3e5;
  --color-quiet-jade-200: #abe4ce;
  --color-quiet-jade-300: #9cccb9;
  --color-quiet-jade-400: #78ad99;
  --color-quiet-jade-500: #5c927e;
  --color-quiet-jade-600: #427765;
  --color-quiet-jade-700: #2f604f;
  --color-quiet-jade-800: #204c3d;
  --color-quiet-jade-900: #153b2f;
  --color-quiet-jade-950: #09251c;
  --color-cotton-candy-comet: #ffc2c8;
  --color-cotton-candy-comet-50: #ffeef0;
  --color-cotton-candy-comet-100: #ffe0e2;
  --color-cotton-candy-comet-200: #ffc2c8;
  --color-cotton-candy-comet-300: #e3afb4;
  --color-cotton-candy-comet-400: #c68e94;
  --color-cotton-candy-comet-500: #ab7379;
  --color-cotton-candy-comet-600: #8e5a60;
  --color-cotton-candy-comet-700: #74454b;
  --color-cotton-candy-comet-800: #5e353a;
  --color-cotton-candy-comet-900: #4a272c;
  --color-cotton-candy-comet-950: #30171a;
  --color-purple-s-baby-sister: #f1c7fb;
  --color-purple-s-baby-sister-50: #fcf1ff;
  --color-purple-s-baby-sister-100: #fae3ff;
  --color-purple-s-baby-sister-200: #f1c7fb;
  --color-purple-s-baby-sister-300: #d6b3df;
  --color-purple-s-baby-sister-400: #b892c1;
  --color-purple-s-baby-sister-500: #9d76a6;
  --color-purple-s-baby-sister-600: #815c8a;
  --color-purple-s-baby-sister-700: #684770;
  --color-purple-s-baby-sister-800: #53355a;
  --color-purple-s-baby-sister-900: #412846;
  --color-purple-s-baby-sister-950: #29172d;
  --color-silver-fern: #e3e0bb;
  --color-silver-fern-50: #fcfbe7;
  --color-silver-fern-100: #f3f2dc;
  --color-silver-fern-200: #e3e0bb;
  --color-silver-fern-300: #cac8aa;
  --color-silver-fern-400: #aaa786;
  --color-silver-fern-500: #8e8b69;
  --color-silver-fern-600: #726f4e;
  --color-silver-fern-700: #5a583a;
  --color-silver-fern-800: #464429;
  --color-silver-fern-900: #36341e;
  --color-silver-fern-950: #212010;
  --color-powder-puff: #fff2f4;
  --color-powder-puff-50: #fff2f4;
  --color-powder-puff-100: #f1e9eb;
  --color-powder-puff-200: #ded5d7;
  --color-powder-puff-300: #c9bec0;
  --color-powder-puff-400: #aa9ea0;
  --color-powder-puff-500: #8e8385;
  --color-powder-puff-600: #73696a;
  --color-powder-puff-700: #5c5254;
  --color-powder-puff-800: #484041;
  --color-powder-puff-900: #383132;
  --color-powder-puff-950: #231e1f;
}