Fly Away to Moelleux au Chocolat Color Palette

About this palette

Fly Away to Moelleux au Chocolat is a 4-color palette: #8CB6FF (Fly Away), #6F8800 (Asparagus Sultan), #EAF1FF (Cotton Boll), #572D00 (Moelleux au Chocolat). It mixes blue, green, white, brown tones and feels cool overall. The strongest text pairing is #EAF1FF on #572D00 with a contrast ratio of 10.40:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Fly Away	rgb(140, 182, 255)	hsl(218, 100%, 77%)
Asparagus Sultan	rgb(111, 136, 0)	hsl(71, 100%, 27%)
Cotton Boll	rgb(234, 241, 255)	hsl(220, 100%, 96%)
Moelleux au Chocolat	rgb(87, 45, 0)	hsl(31, 100%, 17%)

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.

Aa10.40:1 Very good#EAF1FF on #572D00
Aa10.40:1 Very good#572D00 on #EAF1FF
Aa5.76:1 Good#8CB6FF on #572D00
Aa5.76:1 Good#572D00 on #8CB6FF
Aa3.56:1 Poor#6F8800 on #EAF1FF
Aa3.56:1 Poor#EAF1FF on #6F8800

Color blindness preview

CSS variables

/* Fly Away to Moelleux au Chocolat — https://swatchly.xyz/palette/8cb6ff-6f8800-eaf1ff-572d00 */
:root {
  --fly-away: #8cb6ff;
  --asparagus-sultan: #6f8800;
  --cotton-boll: #eaf1ff;
  --moelleux-au-chocolat: #572d00;
}

Tailwind CSS v4

/* Fly Away to Moelleux au Chocolat — https://swatchly.xyz/palette/8cb6ff-6f8800-eaf1ff-572d00 */
@theme {
  --color-fly-away: #8cb6ff;
  --color-fly-away-50: #e7f0ff;
  --color-fly-away-100: #d5e4ff;
  --color-fly-away-200: #b3cfff;
  --color-fly-away-300: #8cb6ff;
  --color-fly-away-400: #7198de;
  --color-fly-away-500: #577ec3;
  --color-fly-away-600: #4165a6;
  --color-fly-away-700: #2f508b;
  --color-fly-away-800: #223f73;
  --color-fly-away-900: #18315d;
  --color-fly-away-950: #0c1e3e;
  --color-asparagus-sultan: #6f8800;
  --color-asparagus-sultan-50: #eafcc1;
  --color-asparagus-sultan-100: #ddf2ad;
  --color-asparagus-sultan-200: #c6de8b;
  --color-asparagus-sultan-300: #adc667;
  --color-asparagus-sultan-400: #8ba537;
  --color-asparagus-sultan-500: #6f8800;
  --color-asparagus-sultan-600: #596e00;
  --color-asparagus-sultan-700: #465700;
  --color-asparagus-sultan-800: #374400;
  --color-asparagus-sultan-900: #2a3500;
  --color-asparagus-sultan-950: #1a2200;
  --color-cotton-boll: #eaf1ff;
  --color-cotton-boll-50: #eaf1ff;
  --color-cotton-boll-100: #e3e8f1;
  --color-cotton-boll-200: #d0d5df;
  --color-cotton-boll-300: #b9bfcb;
  --color-cotton-boll-400: #9aa0ad;
  --color-cotton-boll-500: #7f8692;
  --color-cotton-boll-600: #666c78;
  --color-cotton-boll-700: #505560;
  --color-cotton-boll-800: #3e424c;
  --color-cotton-boll-900: #2f333b;
  --color-cotton-boll-950: #1c1f25;
  --color-moelleux-au-chocolat: #572d00;
  --color-moelleux-au-chocolat-50: #fff3e9;
  --color-moelleux-au-chocolat-100: #ffe6d3;
  --color-moelleux-au-chocolat-200: #f6cfb0;
  --color-moelleux-au-chocolat-300: #e3b794;
  --color-moelleux-au-chocolat-400: #c79871;
  --color-moelleux-au-chocolat-500: #ad7d56;
  --color-moelleux-au-chocolat-600: #92643d;
  --color-moelleux-au-chocolat-700: #794f2b;
  --color-moelleux-au-chocolat-800: #643e1d;
  --color-moelleux-au-chocolat-900: #572d00;
  --color-moelleux-au-chocolat-950: #361e08;
}