Swan Lake to Monsoon Season color palette

C6E4E3Swan Lake 574526Irish Coffee D4A4A7La Vie en Rose 8A6D71Moonscape 7F99B5Monsoon Season

About this palette

Swan Lake to Monsoon Season is a 5-color muted, warm, vintage palette: #C6E4E3 (Swan Lake), #574526 (Irish Coffee), #D4A4A7 (La Vie en Rose), #8A6D71 (Moonscape), #7F99B5 (Monsoon Season). It mixes gray, brown, red, blue tones and feels warm overall. The strongest text pairing is #C6E4E3 on #574526 with a contrast ratio of 6.83:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Swan Lake	rgb(198, 228, 227)	hsl(178, 36%, 84%)
Irish Coffee	rgb(87, 69, 38)	hsl(38, 39%, 25%)
La Vie en Rose	rgb(212, 164, 167)	hsl(356, 36%, 74%)
Moonscape	rgb(138, 109, 113)	hsl(352, 12%, 48%)
Monsoon Season	rgb(127, 153, 181)	hsl(211, 27%, 60%)

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.

Aa6.83:1 Good#C6E4E3 on #574526
Aa6.83:1 Good#574526 on #C6E4E3
Aa4.23:1 Poor#574526 on #D4A4A7
Aa4.23:1 Poor#D4A4A7 on #574526
Aa3.46:1 Poor#C6E4E3 on #8A6D71
Aa3.46:1 Poor#8A6D71 on #C6E4E3
Aa3.12:1 Poor#574526 on #7F99B5
Aa3.12:1 Poor#7F99B5 on #574526

Color blindness preview

CSS variables

/* Swan Lake to Monsoon Season — https://swatchly.xyz/palette/c6e4e3-574526-d4a4a7-8a6d71-7f99b5 */
:root {
  --swan-lake: #c6e4e3;
  --irish-coffee: #574526;
  --la-vie-en-rose: #d4a4a7;
  --moonscape: #8a6d71;
  --monsoon-season: #7f99b5;
}

Tailwind CSS v4

/* Swan Lake to Monsoon Season — https://swatchly.xyz/palette/c6e4e3-574526-d4a4a7-8a6d71-7f99b5 */
@theme {
  --color-swan-lake: #c6e4e3;
  --color-swan-lake-50: #edfdfc;
  --color-swan-lake-100: #e2f4f3;
  --color-swan-lake-200: #c6e4e3;
  --color-swan-lake-300: #b3cbca;
  --color-swan-lake-400: #90abaa;
  --color-swan-lake-500: #738f8e;
  --color-swan-lake-600: #597373;
  --color-swan-lake-700: #435b5b;
  --color-swan-lake-800: #324746;
  --color-swan-lake-900: #253736;
  --color-swan-lake-950: #152222;
  --color-irish-coffee: #574526;
  --color-irish-coffee-50: #fff4e1;
  --color-irish-coffee-100: #f7e9d4;
  --color-irish-coffee-200: #e5d5bb;
  --color-irish-coffee-300: #d1c0a2;
  --color-irish-coffee-400: #b4a181;
  --color-irish-coffee-500: #9a8666;
  --color-irish-coffee-600: #806d4d;
  --color-irish-coffee-700: #69573a;
  --color-irish-coffee-800: #574526;
  --color-irish-coffee-900: #42351f;
  --color-irish-coffee-950: #2b2110;
  --color-la-vie-en-rose: #d4a4a7;
  --color-la-vie-en-rose-50: #ffe7e8;
  --color-la-vie-en-rose-100: #fad7d9;
  --color-la-vie-en-rose-200: #e7bfc2;
  --color-la-vie-en-rose-300: #d4a4a7;
  --color-la-vie-en-rose-400: #b6888b;
  --color-la-vie-en-rose-500: #9c6f72;
  --color-la-vie-en-rose-600: #82585b;
  --color-la-vie-en-rose-700: #6b4548;
  --color-la-vie-en-rose-800: #573639;
  --color-la-vie-en-rose-900: #462a2c;
  --color-la-vie-en-rose-950: #2d191a;
  --color-moonscape: #8a6d71;
  --color-moonscape-50: #fff1f3;
  --color-moonscape-100: #fce7ea;
  --color-moonscape-200: #ecd4d7;
  --color-moonscape-300: #d9bfc2;
  --color-moonscape-400: #bda0a4;
  --color-moonscape-500: #a4868a;
  --color-moonscape-600: #8a6d71;
  --color-moonscape-700: #705559;
  --color-moonscape-800: #584145;
  --color-moonscape-900: #453134;
  --color-moonscape-950: #2c1e20;
  --color-monsoon-season: #7f99b5;
  --color-monsoon-season-50: #e7f2ff;
  --color-monsoon-season-100: #d5e7fb;
  --color-monsoon-season-200: #bdd2e9;
  --color-monsoon-season-300: #a2bad4;
  --color-monsoon-season-400: #7f99b5;
  --color-monsoon-season-500: #66809b;
  --color-monsoon-season-600: #4f6780;
  --color-monsoon-season-700: #3d5269;
  --color-monsoon-season-800: #2e4155;
  --color-monsoon-season-900: #233344;
  --color-monsoon-season-950: #15202d;
}