Polly to Over the Sky Color Palette

About this palette

Polly to Over the Sky is a 4-color pastel, light palette: #FFC9A9 (Polly), #E7FCD1 (Herbal Vapours), #FFE2DA (Pink Glitter), #A2D4E7 (Over the Sky). It mixes orange, green, white, blue tones and feels cool overall. The strongest text pairing is #E7FCD1 on #A2D4E7 with a contrast ratio of 1.47:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Polly	rgb(255, 201, 169)	hsl(22, 100%, 83%)
Herbal Vapours	rgb(231, 252, 209)	hsl(89, 88%, 90%)
Pink Glitter	rgb(255, 226, 218)	hsl(13, 100%, 93%)
Over the Sky	rgb(162, 212, 231)	hsl(197, 59%, 77%)

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

/* Polly to Over the Sky — https://swatchly.xyz/palette/ffc9a9-e7fcd1-ffe2da-a2d4e7 */
:root {
  --polly: #ffc9a9;
  --herbal-vapours: #e7fcd1;
  --pink-glitter: #ffe2da;
  --over-the-sky: #a2d4e7;
}

Tailwind CSS v4

/* Polly to Over the Sky — https://swatchly.xyz/palette/ffc9a9-e7fcd1-ffe2da-a2d4e7 */
@theme {
  --color-polly: #ffc9a9;
  --color-polly-50: #fff1e9;
  --color-polly-100: #ffe4d4;
  --color-polly-200: #ffc9a9;
  --color-polly-300: #e2b59a;
  --color-polly-400: #c59477;
  --color-polly-500: #aa795b;
  --color-polly-600: #8d5f42;
  --color-polly-700: #744a2f;
  --color-polly-800: #5d3821;
  --color-polly-900: #492a16;
  --color-polly-950: #2f190b;
  --color-herbal-vapours: #e7fcd1;
  --color-herbal-vapours-50: #e7fcd1;
  --color-herbal-vapours-100: #e2efd5;
  --color-herbal-vapours-200: #cdddbd;
  --color-herbal-vapours-300: #b6c7a4;
  --color-herbal-vapours-400: #96a882;
  --color-herbal-vapours-500: #7b8d66;
  --color-herbal-vapours-600: #61734e;
  --color-herbal-vapours-700: #4c5b3a;
  --color-herbal-vapours-800: #3a482a;
  --color-herbal-vapours-900: #2c371e;
  --color-herbal-vapours-950: #1a2210;
  --color-pink-glitter: #ffe2da;
  --color-pink-glitter-50: #fff0ec;
  --color-pink-glitter-100: #ffe2da;
  --color-pink-glitter-200: #e6d1cb;
  --color-pink-glitter-300: #d2bab3;
  --color-pink-glitter-400: #b49a93;
  --color-pink-glitter-500: #997f78;
  --color-pink-glitter-600: #7e655e;
  --color-pink-glitter-700: #654f49;
  --color-pink-glitter-800: #503d38;
  --color-pink-glitter-900: #3f2e2a;
  --color-pink-glitter-950: #281c19;
  --color-over-the-sky: #a2d4e7;
  --color-over-the-sky-50: #f4fcff;
  --color-over-the-sky-100: #e0f6ff;
  --color-over-the-sky-200: #c4e7f4;
  --color-over-the-sky-300: #a2d4e7;
  --color-over-the-sky-400: #84b2c3;
  --color-over-the-sky-500: #6595a6;
  --color-over-the-sky-600: #497889;
  --color-over-the-sky-700: #335f6e;
  --color-over-the-sky-800: #234a57;
  --color-over-the-sky-900: #173843;
  --color-over-the-sky-950: #0b232b;
}