Aqua Fiesta to Broad Daylight Color Palette

About this palette

Aqua Fiesta to Broad Daylight is a 4-color pastel, light, cool palette: #98E3E4 (Aqua Fiesta), #BECA9B (Seedling), #EBF1FF (Cotton Boll), #C1E3FF (Broad Daylight). It mixes turquoise, green, white, blue tones and feels cool overall. The strongest text pairing is #BECA9B on #EBF1FF with a contrast ratio of 1.53:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Aqua Fiesta	rgb(152, 227, 228)	hsl(181, 58%, 75%)
Seedling	rgb(190, 202, 155)	hsl(75, 31%, 70%)
Cotton Boll	rgb(235, 241, 255)	hsl(222, 100%, 96%)
Broad Daylight	rgb(193, 227, 255)	hsl(207, 100%, 88%)

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 Broad Daylight — https://swatchly.xyz/palette/98e3e4-beca9b-ebf1ff-c1e3ff */
:root {
  --aqua-fiesta: #98e3e4;
  --seedling: #beca9b;
  --cotton-boll: #ebf1ff;
  --broad-daylight: #c1e3ff;
}

Tailwind CSS v4

/* Aqua Fiesta to Broad Daylight — https://swatchly.xyz/palette/98e3e4-beca9b-ebf1ff-c1e3ff */
@theme {
  --color-aqua-fiesta: #98e3e4;
  --color-aqua-fiesta-50: #d3fcfc;
  --color-aqua-fiesta-100: #c4f2f3;
  --color-aqua-fiesta-200: #98e3e4;
  --color-aqua-fiesta-300: #8ccbcc;
  --color-aqua-fiesta-400: #66adae;
  --color-aqua-fiesta-500: #489293;
  --color-aqua-fiesta-600: #2c7879;
  --color-aqua-fiesta-700: #176062;
  --color-aqua-fiesta-800: #064c4e;
  --color-aqua-fiesta-900: #003b3c;
  --color-aqua-fiesta-950: #002526;
  --color-seedling: #beca9b;
  --color-seedling-50: #f3fae0;
  --color-seedling-100: #e9f1d4;
  --color-seedling-200: #d5dfbc;
  --color-seedling-300: #beca9b;
  --color-seedling-400: #9faa7e;
  --color-seedling-500: #838e61;
  --color-seedling-600: #687248;
  --color-seedling-700: #525b34;
  --color-seedling-800: #3f4725;
  --color-seedling-900: #303619;
  --color-seedling-950: #1d220d;
  --color-cotton-boll: #ebf1ff;
  --color-cotton-boll-50: #ebf1ff;
  --color-cotton-boll-100: #e4e8f1;
  --color-cotton-boll-200: #d0d5df;
  --color-cotton-boll-300: #babfca;
  --color-cotton-boll-400: #9ba0ad;
  --color-cotton-boll-500: #808592;
  --color-cotton-boll-600: #676c78;
  --color-cotton-boll-700: #515560;
  --color-cotton-boll-800: #3e424c;
  --color-cotton-boll-900: #2f333b;
  --color-cotton-boll-950: #1d1f25;
  --color-broad-daylight: #c1e3ff;
  --color-broad-daylight-50: #f5faff;
  --color-broad-daylight-100: #e5f3ff;
  --color-broad-daylight-200: #c1e3ff;
  --color-broad-daylight-300: #afcae1;
  --color-broad-daylight-400: #8baac3;
  --color-broad-daylight-500: #6e8da7;
  --color-broad-daylight-600: #53728a;
  --color-broad-daylight-700: #3e5a70;
  --color-broad-daylight-800: #2d4558;
  --color-broad-daylight-900: #213545;
  --color-broad-daylight-950: #12212c;
}