Start generating

Windows 95 Desktop to Envy’s Love color palette

008680Windows 95 DesktopA93DD0Magenta Affair00A494Silken Jade00ADDEThalassophileFF8F8FFruity Licious00DC93Envy’s Love
Open in generator Export PNG, PDF, ASE…

About this palette

Windows 95 Desktop to Envy’s Love is a 6-color vibrant, cool, neon palette: #008680 (Windows 95 Desktop), #A93DD0 (Magenta Affair), #00A494 (Silken Jade), #00ADDE (Thalassophile), #FF8F8F (Fruity Licious), #00DC93 (Envy’s Love). It mixes turquoise, purple, blue, red, green tones and feels cool overall. The strongest text pairing is #A93DD0 on #00DC93 with a contrast ratio of 2.73:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Windows 95 Desktoprgb(0, 134, 128)hsl(177, 100%, 26%)
Magenta Affairrgb(169, 61, 208)hsl(284, 61%, 53%)
Silken Jadergb(0, 164, 148)hsl(174, 100%, 32%)
Thalassophilergb(0, 173, 222)hsl(193, 100%, 44%)
Fruity Liciousrgb(255, 143, 143)hsl(0, 100%, 78%)
Envy’s Lovergb(0, 220, 147)hsl(160, 100%, 43%)

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

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Windows 95 Desktop to Envy’s Love — https://swatchly.xyz/palette/008680-a93dd0-00a494-00adde-ff8f8f-00dc93 */
:root {
  --windows-95-desktop: #008680;
  --magenta-affair: #a93dd0;
  --silken-jade: #00a494;
  --thalassophile: #00adde;
  --fruity-licious: #ff8f8f;
  --envy-s-love: #00dc93;
}

    Tailwind CSS v4

    /* Windows 95 Desktop to Envy’s Love — https://swatchly.xyz/palette/008680-a93dd0-00a494-00adde-ff8f8f-00dc93 */
@theme {
  --color-windows-95-desktop: #008680;
  --color-windows-95-desktop-50: #d6fffb;
  --color-windows-95-desktop-100: #c0faf5;
  --color-windows-95-desktop-200: #a4eae4;
  --color-windows-95-desktop-300: #85d7d0;
  --color-windows-95-desktop-400: #5abab3;
  --color-windows-95-desktop-500: #34a09a;
  --color-windows-95-desktop-600: #008680;
  --color-windows-95-desktop-700: #006a66;
  --color-windows-95-desktop-800: #00534f;
  --color-windows-95-desktop-900: #00403d;
  --color-windows-95-desktop-950: #002826;
  --color-magenta-affair: #a93dd0;
  --color-magenta-affair-50: #faeeff;
  --color-magenta-affair-100: #f4dcff;
  --color-magenta-affair-200: #ebbcff;
  --color-magenta-affair-300: #e094ff;
  --color-magenta-affair-400: #c860f0;
  --color-magenta-affair-500: #a93dd0;
  --color-magenta-affair-600: #8d22b1;
  --color-magenta-affair-700: #740994;
  --color-magenta-affair-800: #5d0079;
  --color-magenta-affair-900: #4a0060;
  --color-magenta-affair-950: #310041;
  --color-silken-jade: #00a494;
  --color-silken-jade-50: #ddfff9;
  --color-silken-jade-100: #bafef2;
  --color-silken-jade-200: #9ceee0;
  --color-silken-jade-300: #79dbcc;
  --color-silken-jade-400: #47beae;
  --color-silken-jade-500: #00a494;
  --color-silken-jade-600: #008477;
  --color-silken-jade-700: #00695e;
  --color-silken-jade-800: #005249;
  --color-silken-jade-900: #003f38;
  --color-silken-jade-950: #002722;
  --color-thalassophile: #00adde;
  --color-thalassophile-50: #e6f7ff;
  --color-thalassophile-100: #cdefff;
  --color-thalassophile-200: #9ae0ff;
  --color-thalassophile-300: #5fccf8;
  --color-thalassophile-400: #00adde;
  --color-thalassophile-500: #0090b9;
  --color-thalassophile-600: #007496;
  --color-thalassophile-700: #005c78;
  --color-thalassophile-800: #00485f;
  --color-thalassophile-900: #00384a;
  --color-thalassophile-950: #002330;
  --color-fruity-licious: #ff8f8f;
  --color-fruity-licious-50: #ffe8e7;
  --color-fruity-licious-100: #ffd7d6;
  --color-fruity-licious-200: #ffb7b6;
  --color-fruity-licious-300: #ff8f8f;
  --color-fruity-licious-400: #dd7374;
  --color-fruity-licious-500: #c2585b;
  --color-fruity-licious-600: #a44145;
  --color-fruity-licious-700: #892e33;
  --color-fruity-licious-800: #702026;
  --color-fruity-licious-900: #5c161c;
  --color-fruity-licious-950: #3c0a0e;
  --color-envy-s-love: #00dc93;
  --color-envy-s-love-50: #cfffe4;
  --color-envy-s-love-100: #9fffcd;
  --color-envy-s-love-200: #76eeb4;
  --color-envy-s-love-300: #00dc93;
  --color-envy-s-love-400: #00b97b;
  --color-envy-s-love-500: #009a66;
  --color-envy-s-love-600: #007d51;
  --color-envy-s-love-700: #006440;
  --color-envy-s-love-800: #004f32;
  --color-envy-s-love-900: #003e26;
  --color-envy-s-love-950: #002716;
}

    Similar palettes