Stardust Evening to Kiwi Kiss Color Palette

About this palette

Stardust Evening to Kiwi Kiss is a 4-color pastel, light palette: #B7BFE9 (Stardust Evening), #D7DFA1 (Celery Sceptre), #98E2CA (Beach Glass), #F0F9BD (Kiwi Kiss). It mixes purple, green, turquoise tones and feels balanced overall. The strongest text pairing is #B7BFE9 on #F0F9BD with a contrast ratio of 1.63:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Stardust Evening	rgb(183, 191, 233)	hsl(230, 53%, 82%)
Celery Sceptre	rgb(215, 223, 161)	hsl(68, 49%, 75%)
Beach Glass	rgb(152, 226, 202)	hsl(161, 56%, 74%)
Kiwi Kiss	rgb(240, 249, 189)	hsl(69, 83%, 86%)

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 Kiwi Kiss — https://swatchly.xyz/palette/b7bfe9-d7dfa1-98e2ca-f0f9bd */
:root {
  --stardust-evening: #b7bfe9;
  --celery-sceptre: #d7dfa1;
  --beach-glass: #98e2ca;
  --kiwi-kiss: #f0f9bd;
}

Tailwind CSS v4

/* Stardust Evening to Kiwi Kiss — https://swatchly.xyz/palette/b7bfe9-d7dfa1-98e2ca-f0f9bd */
@theme {
  --color-stardust-evening: #b7bfe9;
  --color-stardust-evening-50: #f3f5ff;
  --color-stardust-evening-100: #e6ebff;
  --color-stardust-evening-200: #d0d6f6;
  --color-stardust-evening-300: #b7bfe9;
  --color-stardust-evening-400: #98a0c6;
  --color-stardust-evening-500: #7d84ab;
  --color-stardust-evening-600: #63698f;
  --color-stardust-evening-700: #4d5374;
  --color-stardust-evening-800: #3b405d;
  --color-stardust-evening-900: #2d3149;
  --color-stardust-evening-950: #1b1e2f;
  --color-celery-sceptre: #d7dfa1;
  --color-celery-sceptre-50: #f5fad8;
  --color-celery-sceptre-100: #ebf0cb;
  --color-celery-sceptre-200: #d7dfa1;
  --color-celery-sceptre-300: #c0c794;
  --color-celery-sceptre-400: #a1a86f;
  --color-celery-sceptre-500: #868c52;
  --color-celery-sceptre-600: #6b7138;
  --color-celery-sceptre-700: #555a25;
  --color-celery-sceptre-800: #424617;
  --color-celery-sceptre-900: #32360d;
  --color-celery-sceptre-950: #1f2205;
  --color-beach-glass: #98e2ca;
  --color-beach-glass-50: #d1fbec;
  --color-beach-glass-100: #c2f1e1;
  --color-beach-glass-200: #98e2ca;
  --color-beach-glass-300: #8bcab6;
  --color-beach-glass-400: #67ad97;
  --color-beach-glass-500: #4a937d;
  --color-beach-glass-600: #307864;
  --color-beach-glass-700: #1c624f;
  --color-beach-glass-800: #0d4e3e;
  --color-beach-glass-900: #033d2f;
  --color-beach-glass-950: #00261d;
  --color-kiwi-kiss: #f0f9bd;
  --color-kiwi-kiss-50: #f0f9bd;
  --color-kiwi-kiss-100: #e7edc8;
  --color-kiwi-kiss-200: #d4dbaf;
  --color-kiwi-kiss-300: #bec594;
  --color-kiwi-kiss-400: #9fa670;
  --color-kiwi-kiss-500: #848b54;
  --color-kiwi-kiss-600: #6a713b;
  --color-kiwi-kiss-700: #545a28;
  --color-kiwi-kiss-800: #41461a;
  --color-kiwi-kiss-900: #323610;
  --color-kiwi-kiss-950: #1f2206;
}