Aqua Fiesta to Kiwi Kiss Color Palette

About this palette

Aqua Fiesta to Kiwi Kiss is a 4-color pastel, light palette: #9EDFDA (Aqua Fiesta), #FCD0AF (Royal Milk Tea), #A7CDAE (Limestoned), #F0F5C1 (Kiwi Kiss). It mixes turquoise, orange, green tones and feels balanced overall. The strongest text pairing is #A7CDAE on #F0F5C1 with a contrast ratio of 1.55:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Aqua Fiesta	rgb(158, 223, 218)	hsl(175, 50%, 75%)
Royal Milk Tea	rgb(252, 208, 175)	hsl(26, 93%, 84%)
Limestoned	rgb(167, 205, 174)	hsl(131, 28%, 73%)
Kiwi Kiss	rgb(240, 245, 193)	hsl(66, 72%, 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

/* Aqua Fiesta to Kiwi Kiss — https://swatchly.xyz/palette/9edfda-fcd0af-a7cdae-f0f5c1 */
:root {
  --aqua-fiesta: #9edfda;
  --royal-milk-tea: #fcd0af;
  --limestoned: #a7cdae;
  --kiwi-kiss: #f0f5c1;
}

Tailwind CSS v4

/* Aqua Fiesta to Kiwi Kiss — https://swatchly.xyz/palette/9edfda-fcd0af-a7cdae-f0f5c1 */
@theme {
  --color-aqua-fiesta: #9edfda;
  --color-aqua-fiesta-50: #d4f9f6;
  --color-aqua-fiesta-100: #c5efec;
  --color-aqua-fiesta-200: #9edfda;
  --color-aqua-fiesta-300: #90c8c3;
  --color-aqua-fiesta-400: #6daaa6;
  --color-aqua-fiesta-500: #51908c;
  --color-aqua-fiesta-600: #377672;
  --color-aqua-fiesta-700: #245f5c;
  --color-aqua-fiesta-800: #164c49;
  --color-aqua-fiesta-900: #0c3b38;
  --color-aqua-fiesta-950: #042523;
  --color-royal-milk-tea: #fcd0af;
  --color-royal-milk-tea-50: #fff5ed;
  --color-royal-milk-tea-100: #ffe8d8;
  --color-royal-milk-tea-200: #fcd0af;
  --color-royal-milk-tea-300: #dfbb9f;
  --color-royal-milk-tea-400: #c29a7c;
  --color-royal-milk-tea-500: #a67e5f;
  --color-royal-milk-tea-600: #896346;
  --color-royal-milk-tea-700: #6f4d32;
  --color-royal-milk-tea-800: #583b23;
  --color-royal-milk-tea-900: #452c18;
  --color-royal-milk-tea-950: #2d1b0c;
  --color-limestoned: #a7cdae;
  --color-limestoned-50: #e7fcea;
  --color-limestoned-100: #dbf3df;
  --color-limestoned-200: #c5e1c9;
  --color-limestoned-300: #a7cdae;
  --color-limestoned-400: #89ad90;
  --color-limestoned-500: #6d9174;
  --color-limestoned-600: #53765a;
  --color-limestoned-700: #3f5e45;
  --color-limestoned-800: #2e4a34;
  --color-limestoned-900: #223927;
  --color-limestoned-950: #132417;
  --color-kiwi-kiss: #f0f5c1;
  --color-kiwi-kiss-50: #f9fce1;
  --color-kiwi-kiss-100: #f0f5c1;
  --color-kiwi-kiss-200: #dbdfbb;
  --color-kiwi-kiss-300: #c4c89e;
  --color-kiwi-kiss-400: #a4a879;
  --color-kiwi-kiss-500: #888c5c;
  --color-kiwi-kiss-600: #6d7142;
  --color-kiwi-kiss-700: #56592e;
  --color-kiwi-kiss-800: #434520;
  --color-kiwi-kiss-900: #333515;
  --color-kiwi-kiss-950: #20210a;
}