Cloud Number Nine to Mystery Mint color palette

FCD0C9Cloud Number Nine E6F6FFSilent Snowfall F2C29CShrimp Toast 9AD1E6Over the Sky BAEED5Mystery Mint

Open in generator Export PNG, PDF, ASE…

About this palette

Cloud Number Nine to Mystery Mint is a 5-color pastel, light palette: #FCD0C9 (Cloud Number Nine), #E6F6FF (Silent Snowfall), #F2C29C (Shrimp Toast), #9AD1E6 (Over the Sky), #BAEED5 (Mystery Mint). It mixes pink, white, orange, blue, green tones and feels balanced overall. The strongest text pairing is #E6F6FF on #9AD1E6 with a contrast ratio of 1.50:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cloud Number Nine	rgb(252, 208, 201)	hsl(8, 89%, 89%)
Silent Snowfall	rgb(230, 246, 255)	hsl(202, 100%, 95%)
Shrimp Toast	rgb(242, 194, 156)	hsl(27, 77%, 78%)
Over the Sky	rgb(154, 209, 230)	hsl(197, 60%, 75%)
Mystery Mint	rgb(186, 238, 213)	hsl(151, 60%, 83%)

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

/* Cloud Number Nine to Mystery Mint — https://swatchly.xyz/palette/fcd0c9-e6f6ff-f2c29c-9ad1e6-baeed5 */
:root {
  --cloud-number-nine: #fcd0c9;
  --silent-snowfall: #e6f6ff;
  --shrimp-toast: #f2c29c;
  --over-the-sky: #9ad1e6;
  --mystery-mint: #baeed5;
}

Tailwind CSS v4

/* Cloud Number Nine to Mystery Mint — https://swatchly.xyz/palette/fcd0c9-e6f6ff-f2c29c-9ad1e6-baeed5 */
@theme {
  --color-cloud-number-nine: #fcd0c9;
  --color-cloud-number-nine-50: #fff6f4;
  --color-cloud-number-nine-100: #ffe9e6;
  --color-cloud-number-nine-200: #fcd0c9;
  --color-cloud-number-nine-300: #dfbbb5;
  --color-cloud-number-nine-400: #c19993;
  --color-cloud-number-nine-500: #a57d77;
  --color-cloud-number-nine-600: #88625d;
  --color-cloud-number-nine-700: #6e4c47;
  --color-cloud-number-nine-800: #573a35;
  --color-cloud-number-nine-900: #442b28;
  --color-cloud-number-nine-950: #2c1a17;
  --color-silent-snowfall: #e6f6ff;
  --color-silent-snowfall-50: #e6f6ff;
  --color-silent-snowfall-100: #e1ebf1;
  --color-silent-snowfall-200: #cdd8df;
  --color-silent-snowfall-300: #b5c2ca;
  --color-silent-snowfall-400: #95a3ab;
  --color-silent-snowfall-500: #7a8890;
  --color-silent-snowfall-600: #606e76;
  --color-silent-snowfall-700: #4b575e;
  --color-silent-snowfall-800: #39444a;
  --color-silent-snowfall-900: #2b3439;
  --color-silent-snowfall-950: #1a2024;
  --color-shrimp-toast: #f2c29c;
  --color-shrimp-toast-50: #ffe9d9;
  --color-shrimp-toast-100: #fcdbc1;
  --color-shrimp-toast-200: #f2c29c;
  --color-shrimp-toast-300: #d9af8e;
  --color-shrimp-toast-400: #bd906d;
  --color-shrimp-toast-500: #a37753;
  --color-shrimp-toast-600: #885e3c;
  --color-shrimp-toast-700: #704a2a;
  --color-shrimp-toast-800: #5b3a1d;
  --color-shrimp-toast-900: #472b13;
  --color-shrimp-toast-950: #2e1a08;
  --color-over-the-sky: #9ad1e6;
  --color-over-the-sky-50: #f0fbff;
  --color-over-the-sky-100: #daf5ff;
  --color-over-the-sky-200: #bee4f3;
  --color-over-the-sky-300: #9ad1e6;
  --color-over-the-sky-400: #7dafc3;
  --color-over-the-sky-500: #5e93a7;
  --color-over-the-sky-600: #43778a;
  --color-over-the-sky-700: #2e5e70;
  --color-over-the-sky-800: #1e4958;
  --color-over-the-sky-900: #133845;
  --color-over-the-sky-950: #08232c;
  --color-mystery-mint: #baeed5;
  --color-mystery-mint-50: #f1fff8;
  --color-mystery-mint-100: #defbec;
  --color-mystery-mint-200: #baeed5;
  --color-mystery-mint-300: #aad3bf;
  --color-mystery-mint-400: #84b39d;
  --color-mystery-mint-500: #669780;
  --color-mystery-mint-600: #4a7a65;
  --color-mystery-mint-700: #35614e;
  --color-mystery-mint-800: #254b3b;
  --color-mystery-mint-900: #193a2c;
  --color-mystery-mint-950: #0d251b;
}