Pandora’s Box to Cotton Ball color palette

FFDEB6Pandora’s Box D1D3F8Frozen Periwinkle D2BAEEYork Plum F7CDCFStrawberry Ripple F4F7FFCotton Ball

Open in generator Export PNG, PDF, ASE…

About this palette

Pandora’s Box to Cotton Ball is a 5-color pastel, light palette: #FFDEB6 (Pandora’s Box), #D1D3F8 (Frozen Periwinkle), #D2BAEE (York Plum), #F7CDCF (Strawberry Ripple), #F4F7FF (Cotton Ball). It mixes orange, purple, pink, white tones and feels balanced overall. The strongest text pairing is #D2BAEE on #F4F7FF with a contrast ratio of 1.63:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pandora’s Box	rgb(255, 222, 182)	hsl(33, 100%, 86%)
Frozen Periwinkle	rgb(209, 211, 248)	hsl(237, 74%, 90%)
York Plum	rgb(210, 186, 238)	hsl(268, 60%, 83%)
Strawberry Ripple	rgb(247, 205, 207)	hsl(357, 72%, 89%)
Cotton Ball	rgb(244, 247, 255)	hsl(224, 100%, 98%)

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

/* Pandora’s Box to Cotton Ball — https://swatchly.xyz/palette/ffdeb6-d1d3f8-d2baee-f7cdcf-f4f7ff */
:root {
  --pandora-s-box: #ffdeb6;
  --frozen-periwinkle: #d1d3f8;
  --york-plum: #d2baee;
  --strawberry-ripple: #f7cdcf;
  --cotton-ball: #f4f7ff;
}

Tailwind CSS v4

/* Pandora’s Box to Cotton Ball — https://swatchly.xyz/palette/ffdeb6-d1d3f8-d2baee-f7cdcf-f4f7ff */
@theme {
  --color-pandora-s-box: #ffdeb6;
  --color-pandora-s-box-50: #ffecd5;
  --color-pandora-s-box-100: #ffdeb6;
  --color-pandora-s-box-200: #e6cdaf;
  --color-pandora-s-box-300: #d3b795;
  --color-pandora-s-box-400: #b69874;
  --color-pandora-s-box-500: #9c7e59;
  --color-pandora-s-box-600: #816541;
  --color-pandora-s-box-700: #6a502f;
  --color-pandora-s-box-800: #543e21;
  --color-pandora-s-box-900: #422f16;
  --color-pandora-s-box-950: #2a1c0a;
  --color-frozen-periwinkle: #d1d3f8;
  --color-frozen-periwinkle-50: #f3f3ff;
  --color-frozen-periwinkle-100: #e7e8ff;
  --color-frozen-periwinkle-200: #d1d3f8;
  --color-frozen-periwinkle-300: #bbbddc;
  --color-frozen-periwinkle-400: #9c9ebf;
  --color-frozen-periwinkle-500: #8182a4;
  --color-frozen-periwinkle-600: #676888;
  --color-frozen-periwinkle-700: #51526f;
  --color-frozen-periwinkle-800: #3f4059;
  --color-frozen-periwinkle-900: #303046;
  --color-frozen-periwinkle-950: #1d1e2d;
  --color-york-plum: #d2baee;
  --color-york-plum-50: #faf6ff;
  --color-york-plum-100: #f3eaff;
  --color-york-plum-200: #e4d3f9;
  --color-york-plum-300: #d2baee;
  --color-york-plum-400: #b19aca;
  --color-york-plum-500: #957eae;
  --color-york-plum-600: #796391;
  --color-york-plum-700: #604c76;
  --color-york-plum-800: #4b3a5e;
  --color-york-plum-900: #3a2b4a;
  --color-york-plum-950: #241a30;
  --color-strawberry-ripple: #f7cdcf;
  --color-strawberry-ripple-50: #fff3f3;
  --color-strawberry-ripple-100: #ffe5e6;
  --color-strawberry-ripple-200: #f7cdcf;
  --color-strawberry-ripple-300: #dbb8ba;
  --color-strawberry-ripple-400: #bd9799;
  --color-strawberry-ripple-500: #a27c7e;
  --color-strawberry-ripple-600: #856164;
  --color-strawberry-ripple-700: #6c4c4e;
  --color-strawberry-ripple-800: #563a3b;
  --color-strawberry-ripple-900: #432b2d;
  --color-strawberry-ripple-950: #2b1a1b;
  --color-cotton-ball: #f4f7ff;
  --color-cotton-ball-50: #f4f7ff;
  --color-cotton-ball-100: #ebedf1;
  --color-cotton-ball-200: #d6d9de;
  --color-cotton-ball-300: #bfc2c8;
  --color-cotton-ball-400: #9fa2a9;
  --color-cotton-ball-500: #84868d;
  --color-cotton-ball-600: #696c72;
  --color-cotton-ball-700: #53555b;
  --color-cotton-ball-800: #404248;
  --color-cotton-ball-900: #313337;
  --color-cotton-ball-950: #1e1f22;
}