Start generating

Windows 95 Desktop to Malibu color palette

18817BWindows 95 Desktop005D6EDeep LagoonAFD8FFDroplet31A08FSilken Jade002A2FBlack Box75BCE4Malibu
Open in generator Export PNG, PDF, ASE…

About this palette

Windows 95 Desktop to Malibu is a 6-color cool palette: #18817B (Windows 95 Desktop), #005D6E (Deep Lagoon), #AFD8FF (Droplet), #31A08F (Silken Jade), #002A2F (Black Box), #75BCE4 (Malibu). It mixes turquoise, blue tones and feels cool overall. The strongest text pairing is #AFD8FF on #002A2F with a contrast ratio of 10.27:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Windows 95 Desktoprgb(24, 129, 123)hsl(177, 69%, 30%)
Deep Lagoonrgb(0, 93, 110)hsl(189, 100%, 22%)
Dropletrgb(175, 216, 255)hsl(209, 100%, 84%)
Silken Jadergb(49, 160, 143)hsl(171, 53%, 41%)
Black Boxrgb(0, 42, 47)hsl(186, 100%, 9%)
Maliburgb(117, 188, 228)hsl(202, 67%, 68%)

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.27:1 Very good#AFD8FF on #002A2F
  • Aa10.27:1 Very good#002A2F on #AFD8FF
  • Aa7.34:1 Very good#002A2F on #75BCE4
  • Aa7.34:1 Very good#75BCE4 on #002A2F
  • Aa5.05:1 Good#005D6E on #AFD8FF
  • Aa5.05:1 Good#AFD8FF on #005D6E
  • Aa4.78:1 Good#31A08F on #002A2F
  • Aa4.78:1 Good#002A2F on #31A08F

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Windows 95 Desktop to Malibu — https://swatchly.xyz/palette/18817b-005d6e-afd8ff-31a08f-002a2f-75bce4 */
:root {
  --windows-95-desktop: #18817b;
  --deep-lagoon: #005d6e;
  --droplet: #afd8ff;
  --silken-jade: #31a08f;
  --black-box: #002a2f;
  --malibu: #75bce4;
}

Tailwind CSS v4

/* Windows 95 Desktop to Malibu — https://swatchly.xyz/palette/18817b-005d6e-afd8ff-31a08f-002a2f-75bce4 */
@theme {
  --color-windows-95-desktop: #18817b;
  --color-windows-95-desktop-50: #d6fffb;
  --color-windows-95-desktop-100: #c3f9f3;
  --color-windows-95-desktop-200: #a8e8e2;
  --color-windows-95-desktop-300: #89d4cd;
  --color-windows-95-desktop-400: #5fb6b0;
  --color-windows-95-desktop-500: #3d9c95;
  --color-windows-95-desktop-600: #18817b;
  --color-windows-95-desktop-700: #006762;
  --color-windows-95-desktop-800: #00514d;
  --color-windows-95-desktop-900: #003e3b;
  --color-windows-95-desktop-950: #002725;
  --color-deep-lagoon: #005d6e;
  --color-deep-lagoon-50: #e5f9ff;
  --color-deep-lagoon-100: #c9f4ff;
  --color-deep-lagoon-200: #ace1f0;
  --color-deep-lagoon-300: #8dcbdc;
  --color-deep-lagoon-400: #66acbe;
  --color-deep-lagoon-500: #4690a2;
  --color-deep-lagoon-600: #2a7486;
  --color-deep-lagoon-700: #005d6e;
  --color-deep-lagoon-800: #034956;
  --color-deep-lagoon-900: #003843;
  --color-deep-lagoon-950: #00232b;
  --color-droplet: #afd8ff;
  --color-droplet-50: #e8f4ff;
  --color-droplet-100: #d5eaff;
  --color-droplet-200: #afd8ff;
  --color-droplet-300: #9fc2e3;
  --color-droplet-400: #7da3c7;
  --color-droplet-500: #6288ac;
  --color-droplet-600: #496e90;
  --color-droplet-700: #365877;
  --color-droplet-800: #274560;
  --color-droplet-900: #1c354c;
  --color-droplet-950: #0f2131;
  --color-silken-jade: #31a08f;
  --color-silken-jade-50: #dcfff7;
  --color-silken-jade-100: #c1fcef;
  --color-silken-jade-200: #a5ebdd;
  --color-silken-jade-300: #84d8c8;
  --color-silken-jade-400: #59baa9;
  --color-silken-jade-500: #31a08f;
  --color-silken-jade-600: #008373;
  --color-silken-jade-700: #00685b;
  --color-silken-jade-800: #005147;
  --color-silken-jade-900: #003e36;
  --color-silken-jade-950: #002721;
  --color-black-box: #002a2f;
  --color-black-box-50: #e3fafd;
  --color-black-box-100: #d7f1f5;
  --color-black-box-200: #bfdee3;
  --color-black-box-300: #a5c8cd;
  --color-black-box-400: #83aaaf;
  --color-black-box-500: #678f95;
  --color-black-box-600: #4f757b;
  --color-black-box-700: #3b5f64;
  --color-black-box-800: #2c4c50;
  --color-black-box-900: #203c40;
  --color-black-box-950: #002a2f;
  --color-malibu: #75bce4;
  --color-malibu-50: #dbf1ff;
  --color-malibu-100: #c0e7ff;
  --color-malibu-200: #9bd4f4;
  --color-malibu-300: #75bce4;
  --color-malibu-400: #599fc5;
  --color-malibu-500: #3e86ab;
  --color-malibu-600: #266d90;
  --color-malibu-700: #135878;
  --color-malibu-800: #054662;
  --color-malibu-900: #003850;
  --color-malibu-950: #002334;
}

Similar palettes