Exit Light to Sky Color Palette

About this palette

Exit Light to Sky is a 5-color vibrant, cool palette: #50BE54 (Exit Light), #0093D3 (Magical Merlin), #00837A (Windows 95 Desktop), #59A81A (Ruminant’s Paradise), #74D0FF (Sky). It mixes green, blue, turquoise tones and feels cool overall. The strongest text pairing is #00837A on #74D0FF with a contrast ratio of 2.70:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Exit Light	rgb(80, 190, 84)	hsl(122, 46%, 53%)
Magical Merlin	rgb(0, 147, 211)	hsl(198, 100%, 41%)
Windows 95 Desktop	rgb(0, 131, 122)	hsl(176, 100%, 26%)
Ruminant’s Paradise	rgb(89, 168, 26)	hsl(93, 73%, 38%)
Sky	rgb(116, 208, 255)	hsl(200, 100%, 73%)

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

/* Exit Light to Sky — https://swatchly.xyz/palette/50be54-0093d3-00837a-59a81a-74d0ff */
:root {
  --exit-light: #50be54;
  --magical-merlin: #0093d3;
  --windows-95-desktop: #00837a;
  --ruminant-s-paradise: #59a81a;
  --sky: #74d0ff;
}

Tailwind CSS v4

/* Exit Light to Sky — https://swatchly.xyz/palette/50be54-0093d3-00837a-59a81a-74d0ff */
@theme {
  --color-exit-light: #50be54;
  --color-exit-light-50: #e2ffe1;
  --color-exit-light-100: #c1ffbf;
  --color-exit-light-200: #a2efa1;
  --color-exit-light-300: #81db81;
  --color-exit-light-400: #50be54;
  --color-exit-light-500: #2fa137;
  --color-exit-light-600: #008419;
  --color-exit-light-700: #006912;
  --color-exit-light-800: #00520b;
  --color-exit-light-900: #003f07;
  --color-exit-light-950: #002803;
  --color-magical-merlin: #0093d3;
  --color-magical-merlin-50: #edf7ff;
  --color-magical-merlin-100: #daf0ff;
  --color-magical-merlin-200: #b2e0ff;
  --color-magical-merlin-300: #7fcdff;
  --color-magical-merlin-400: #42afed;
  --color-magical-merlin-500: #0093d3;
  --color-magical-merlin-600: #0076ab;
  --color-magical-merlin-700: #005e89;
  --color-magical-merlin-800: #00496c;
  --color-magical-merlin-900: #003854;
  --color-magical-merlin-950: #002336;
  --color-windows-95-desktop: #00837a;
  --color-windows-95-desktop-50: #d6fff9;
  --color-windows-95-desktop-100: #c0faf2;
  --color-windows-95-desktop-200: #a4e9e1;
  --color-windows-95-desktop-300: #84d5cc;
  --color-windows-95-desktop-400: #59b8ae;
  --color-windows-95-desktop-500: #349e94;
  --color-windows-95-desktop-600: #00837a;
  --color-windows-95-desktop-700: #006861;
  --color-windows-95-desktop-800: #00514b;
  --color-windows-95-desktop-900: #003f3a;
  --color-windows-95-desktop-950: #002724;
  --color-ruminant-s-paradise: #59a81a;
  --color-ruminant-s-paradise-50: #e9ffdf;
  --color-ruminant-s-paradise-100: #d2ffbb;
  --color-ruminant-s-paradise-200: #b7f199;
  --color-ruminant-s-paradise-300: #9cde78;
  --color-ruminant-s-paradise-400: #77c249;
  --color-ruminant-s-paradise-500: #59a81a;
  --color-ruminant-s-paradise-600: #438800;
  --color-ruminant-s-paradise-700: #346c00;
  --color-ruminant-s-paradise-800: #275400;
  --color-ruminant-s-paradise-900: #1c4000;
  --color-ruminant-s-paradise-950: #0f2800;
  --color-sky: #74d0ff;
  --color-sky-50: #edf9ff;
  --color-sky-100: #d9f1ff;
  --color-sky-200: #aee2ff;
  --color-sky-300: #74d0ff;
  --color-sky-400: #58afda;
  --color-sky-500: #3293bf;
  --color-sky-600: #0577a1;
  --color-sky-700: #005e81;
  --color-sky-800: #004965;
  --color-sky-900: #00384f;
  --color-sky-950: #002333;
}