Gameboy Screen to Pastel Blue Color Palette

About this palette

Gameboy Screen to Pastel Blue is a 5-color vibrant, cool, neon palette: #84AB00 (Gameboy Screen), #E2000E (Heat Signature), #00C5CC (Sea Serpent), #6E8900 (Asparagus Sultan), #A2B8FF (Pastel Blue). It mixes green, red, turquoise, blue tones and feels cool overall. The strongest text pairing is #E2000E on #A2B8FF with a contrast ratio of 2.56:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Gameboy Screen	rgb(132, 171, 0)	hsl(74, 100%, 34%)
Heat Signature	rgb(226, 0, 14)	hsl(356, 100%, 44%)
Sea Serpent	rgb(0, 197, 204)	hsl(182, 100%, 40%)
Asparagus Sultan	rgb(110, 137, 0)	hsl(72, 100%, 27%)
Pastel Blue	rgb(162, 184, 255)	hsl(226, 100%, 82%)

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

/* Gameboy Screen to Pastel Blue — https://swatchly.xyz/palette/84ab00-e2000e-00c5cc-6e8900-a2b8ff */
:root {
  --gameboy-screen: #84ab00;
  --heat-signature: #e2000e;
  --sea-serpent: #00c5cc;
  --asparagus-sultan: #6e8900;
  --pastel-blue: #a2b8ff;
}

Tailwind CSS v4

/* Gameboy Screen to Pastel Blue — https://swatchly.xyz/palette/84ab00-e2000e-00c5cc-6e8900-a2b8ff */
@theme {
  --color-gameboy-screen: #84ab00;
  --color-gameboy-screen-50: #e4ffb6;
  --color-gameboy-screen-100: #d7f5a2;
  --color-gameboy-screen-200: #c0e17e;
  --color-gameboy-screen-300: #a6cb55;
  --color-gameboy-screen-400: #84ab00;
  --color-gameboy-screen-500: #6d8e00;
  --color-gameboy-screen-600: #587300;
  --color-gameboy-screen-700: #455c00;
  --color-gameboy-screen-800: #364800;
  --color-gameboy-screen-900: #293800;
  --color-gameboy-screen-950: #192400;
  --color-heat-signature: #e2000e;
  --color-heat-signature-50: #fff2f0;
  --color-heat-signature-100: #ffe7e4;
  --color-heat-signature-200: #ffcfc8;
  --color-heat-signature-300: #ffb1a6;
  --color-heat-signature-400: #ff7e70;
  --color-heat-signature-500: #ff3d34;
  --color-heat-signature-600: #e2000e;
  --color-heat-signature-700: #b50009;
  --color-heat-signature-800: #8f0005;
  --color-heat-signature-900: #700003;
  --color-heat-signature-950: #490001;
  --color-sea-serpent: #00c5cc;
  --color-sea-serpent-50: #e9feff;
  --color-sea-serpent-100: #c9fdff;
  --color-sea-serpent-200: #96f2f6;
  --color-sea-serpent-300: #6fe0e5;
  --color-sea-serpent-400: #00c5cc;
  --color-sea-serpent-500: #00a4a9;
  --color-sea-serpent-600: #008388;
  --color-sea-serpent-700: #00686c;
  --color-sea-serpent-800: #005053;
  --color-sea-serpent-900: #003d3f;
  --color-sea-serpent-950: #002527;
  --color-asparagus-sultan: #6e8900;
  --color-asparagus-sultan-50: #e9fdc1;
  --color-asparagus-sultan-100: #dcf2ad;
  --color-asparagus-sultan-200: #c5de8c;
  --color-asparagus-sultan-300: #acc767;
  --color-asparagus-sultan-400: #8aa637;
  --color-asparagus-sultan-500: #6e8900;
  --color-asparagus-sultan-600: #586e00;
  --color-asparagus-sultan-700: #465800;
  --color-asparagus-sultan-800: #364500;
  --color-asparagus-sultan-900: #2a3600;
  --color-asparagus-sultan-950: #192200;
  --color-pastel-blue: #a2b8ff;
  --color-pastel-blue-50: #edf2ff;
  --color-pastel-blue-100: #dee7ff;
  --color-pastel-blue-200: #c2d1ff;
  --color-pastel-blue-300: #a2b8ff;
  --color-pastel-blue-400: #859adc;
  --color-pastel-blue-500: #6b7fc1;
  --color-pastel-blue-600: #5365a4;
  --color-pastel-blue-700: #404f89;
  --color-pastel-blue-800: #303e70;
  --color-pastel-blue-900: #242f5a;
  --color-pastel-blue-950: #151d3b;
}