Skydive to Dried Tomatoes Color Palette

About this palette

Skydive to Dried Tomatoes is a 5-color warm palette: #5CC1CA (Skydive), #E9F1B6 (Sour), #401817 (English Breakfast), #41339C (Galactic Purple), #AE5C5B (Dried Tomatoes). It mixes turquoise, green, brown, purple, red tones and feels warm overall. The strongest text pairing is #E9F1B6 on #401817 with a contrast ratio of 13.02:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Skydive	rgb(92, 193, 202)	hsl(185, 51%, 58%)
Sour	rgb(233, 241, 182)	hsl(68, 68%, 83%)
English Breakfast	rgb(64, 24, 23)	hsl(1, 47%, 17%)
Galactic Purple	rgb(65, 51, 156)	hsl(248, 51%, 41%)
Dried Tomatoes	rgb(174, 92, 91)	hsl(1, 34%, 52%)

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.

Aa13.02:1 Super#E9F1B6 on #401817
Aa13.02:1 Super#401817 on #E9F1B6
Aa8.14:1 Very good#E9F1B6 on #41339C
Aa8.14:1 Very good#41339C on #E9F1B6
Aa7.30:1 Very good#5CC1CA on #401817
Aa7.30:1 Very good#401817 on #5CC1CA
Aa4.56:1 Good#5CC1CA on #41339C
Aa4.56:1 Good#41339C on #5CC1CA

Color blindness preview

CSS variables

/* Skydive to Dried Tomatoes — https://swatchly.xyz/palette/5cc1ca-e9f1b6-401817-41339c-ae5c5b */
:root {
  --skydive: #5cc1ca;
  --sour: #e9f1b6;
  --english-breakfast: #401817;
  --galactic-purple: #41339c;
  --dried-tomatoes: #ae5c5b;
}

Tailwind CSS v4

/* Skydive to Dried Tomatoes — https://swatchly.xyz/palette/5cc1ca-e9f1b6-401817-41339c-ae5c5b */
@theme {
  --color-skydive: #5cc1ca;
  --color-skydive-50: #eefeff;
  --color-skydive-100: #d3fbff;
  --color-skydive-200: #aeeef4;
  --color-skydive-300: #90dce3;
  --color-skydive-400: #5cc1ca;
  --color-skydive-500: #3ba2ab;
  --color-skydive-600: #07848d;
  --color-skydive-700: #006870;
  --color-skydive-800: #005156;
  --color-skydive-900: #003d41;
  --color-skydive-950: #002528;
  --color-sour: #e9f1b6;
  --color-sour-50: #f3f8d8;
  --color-sour-100: #e9f1b6;
  --color-sour-200: #d6dcb1;
  --color-sour-300: #bfc695;
  --color-sour-400: #a0a771;
  --color-sour-500: #858b54;
  --color-sour-600: #6b713b;
  --color-sour-700: #555a28;
  --color-sour-800: #42461a;
  --color-sour-900: #323610;
  --color-sour-950: #1f2107;
  --color-english-breakfast: #401817;
  --color-english-breakfast-50: #fff2f0;
  --color-english-breakfast-100: #ffe4e2;
  --color-english-breakfast-200: #f5ccc9;
  --color-english-breakfast-300: #e2b4b0;
  --color-english-breakfast-400: #c5938f;
  --color-english-breakfast-500: #ab7975;
  --color-english-breakfast-600: #90605d;
  --color-english-breakfast-700: #774c49;
  --color-english-breakfast-800: #623c39;
  --color-english-breakfast-900: #502f2d;
  --color-english-breakfast-950: #401817;
  --color-galactic-purple: #41339c;
  --color-galactic-purple-50: #f3f4ff;
  --color-galactic-purple-100: #e8e9ff;
  --color-galactic-purple-200: #d1d3ff;
  --color-galactic-purple-300: #b8bbff;
  --color-galactic-purple-400: #9796ff;
  --color-galactic-purple-500: #7d79e8;
  --color-galactic-purple-600: #655fca;
  --color-galactic-purple-700: #5149ad;
  --color-galactic-purple-800: #41339c;
  --color-galactic-purple-900: #322976;
  --color-galactic-purple-950: #1f1850;
  --color-dried-tomatoes: #ae5c5b;
  --color-dried-tomatoes-50: #fff1f1;
  --color-dried-tomatoes-100: #ffe7e6;
  --color-dried-tomatoes-200: #ffcecc;
  --color-dried-tomatoes-300: #fcb1ae;
  --color-dried-tomatoes-400: #e2908e;
  --color-dried-tomatoes-500: #c97573;
  --color-dried-tomatoes-600: #ae5c5b;
  --color-dried-tomatoes-700: #904444;
  --color-dried-tomatoes-800: #743232;
  --color-dried-tomatoes-900: #5c2324;
  --color-dried-tomatoes-950: #3c1314;
}