Stardust Evening to Bubbles Color Palette

About this palette

Stardust Evening to Bubbles is a 5-color pastel, light palette: #B2C2DE (Stardust Evening), #FCC5CF (Cotton Candy Comet), #C9DCB2 (Ambrosia), #FFE8E5 (Pink Swirl), #E3FFF9 (Bubbles). It mixes blue, pink, green, white tones and feels cool overall. The strongest text pairing is #B2C2DE on #E3FFF9 with a contrast ratio of 1.71:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Stardust Evening	rgb(178, 194, 222)	hsl(218, 40%, 78%)
Cotton Candy Comet	rgb(252, 197, 207)	hsl(349, 90%, 88%)
Ambrosia	rgb(201, 220, 178)	hsl(87, 38%, 78%)
Pink Swirl	rgb(255, 232, 229)	hsl(7, 100%, 95%)
Bubbles	rgb(227, 255, 249)	hsl(167, 100%, 95%)

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

/* Stardust Evening to Bubbles — https://swatchly.xyz/palette/b2c2de-fcc5cf-c9dcb2-ffe8e5-e3fff9 */
:root {
  --stardust-evening: #b2c2de;
  --cotton-candy-comet: #fcc5cf;
  --ambrosia: #c9dcb2;
  --pink-swirl: #ffe8e5;
  --bubbles: #e3fff9;
}

Tailwind CSS v4

/* Stardust Evening to Bubbles — https://swatchly.xyz/palette/b2c2de-fcc5cf-c9dcb2-ffe8e5-e3fff9 */
@theme {
  --color-stardust-evening: #b2c2de;
  --color-stardust-evening-50: #f0f6ff;
  --color-stardust-evening-100: #e2ecfe;
  --color-stardust-evening-200: #ccd8ee;
  --color-stardust-evening-300: #b2c2de;
  --color-stardust-evening-400: #94a2bc;
  --color-stardust-evening-500: #7887a1;
  --color-stardust-evening-600: #5e6c85;
  --color-stardust-evening-700: #49566c;
  --color-stardust-evening-800: #384356;
  --color-stardust-evening-900: #2a3343;
  --color-stardust-evening-950: #191f2b;
  --color-cotton-candy-comet: #fcc5cf;
  --color-cotton-candy-comet-50: #fff0f2;
  --color-cotton-candy-comet-100: #ffe1e6;
  --color-cotton-candy-comet-200: #fcc5cf;
  --color-cotton-candy-comet-300: #e0b1ba;
  --color-cotton-candy-comet-400: #c3919a;
  --color-cotton-candy-comet-500: #a7767f;
  --color-cotton-candy-comet-600: #8b5c65;
  --color-cotton-candy-comet-700: #714750;
  --color-cotton-candy-comet-800: #5b363e;
  --color-cotton-candy-comet-900: #47282f;
  --color-cotton-candy-comet-950: #2e181c;
  --color-ambrosia: #c9dcb2;
  --color-ambrosia-50: #ecf8df;
  --color-ambrosia-100: #e1eed3;
  --color-ambrosia-200: #c9dcb2;
  --color-ambrosia-300: #b5c5a1;
  --color-ambrosia-400: #95a780;
  --color-ambrosia-500: #7a8c65;
  --color-ambrosia-600: #61714c;
  --color-ambrosia-700: #4c5b39;
  --color-ambrosia-800: #3b472a;
  --color-ambrosia-900: #2c371e;
  --color-ambrosia-950: #1b2210;
  --color-pink-swirl: #ffe8e5;
  --color-pink-swirl-50: #fff5f4;
  --color-pink-swirl-100: #ffe8e5;
  --color-pink-swirl-200: #e6d5d3;
  --color-pink-swirl-300: #d1bebb;
  --color-pink-swirl-400: #b29d9b;
  --color-pink-swirl-500: #96817f;
  --color-pink-swirl-600: #7a6764;
  --color-pink-swirl-700: #62504e;
  --color-pink-swirl-800: #4d3e3c;
  --color-pink-swirl-900: #3c2f2e;
  --color-pink-swirl-950: #261d1c;
  --color-bubbles: #e3fff9;
  --color-bubbles-50: #e3fff9;
  --color-bubbles-100: #e1f2ee;
  --color-bubbles-200: #cadeda;
  --color-bubbles-300: #b1c8c3;
  --color-bubbles-400: #90a9a3;
  --color-bubbles-500: #738d88;
  --color-bubbles-600: #59726d;
  --color-bubbles-700: #445b56;
  --color-bubbles-800: #344743;
  --color-bubbles-900: #263733;
  --color-bubbles-950: #162220;
}