Windows 95 Desktop to Friendly Frost color palette

00827CWindows 95 Desktop 6E2F00Cold Press Coffee FDAB7FPeach Fizz 0096E2Homeworld BEFAFAFriendly Frost

Open in generator Export PNG, PDF, ASE…

About this palette

Windows 95 Desktop to Friendly Frost is a 5-color cool palette: #00827C (Windows 95 Desktop), #6E2F00 (Cold Press Coffee), #FDAB7F (Peach Fizz), #0096E2 (Homeworld), #BEFAFA (Friendly Frost). It mixes turquoise, brown, orange, blue tones and feels cool overall. The strongest text pairing is #6E2F00 on #BEFAFA with a contrast ratio of 8.82:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Windows 95 Desktop	rgb(0, 130, 124)	hsl(177, 100%, 25%)
Cold Press Coffee	rgb(110, 47, 0)	hsl(26, 100%, 22%)
Peach Fizz	rgb(253, 171, 127)	hsl(21, 97%, 75%)
Homeworld	rgb(0, 150, 226)	hsl(200, 100%, 44%)
Friendly Frost	rgb(190, 250, 250)	hsl(180, 86%, 86%)

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.

Aa8.82:1 Very good#6E2F00 on #BEFAFA
Aa8.82:1 Very good#BEFAFA on #6E2F00
Aa5.46:1 Good#6E2F00 on #FDAB7F
Aa5.46:1 Good#FDAB7F on #6E2F00
Aa4.07:1 Poor#00827C on #BEFAFA
Aa4.07:1 Poor#BEFAFA on #00827C
Aa3.12:1 Poor#6E2F00 on #0096E2
Aa3.12:1 Poor#0096E2 on #6E2F00

Color blindness preview

CSS variables

/* Windows 95 Desktop to Friendly Frost — https://swatchly.xyz/palette/00827c-6e2f00-fdab7f-0096e2-befafa */
:root {
  --windows-95-desktop: #00827c;
  --cold-press-coffee: #6e2f00;
  --peach-fizz: #fdab7f;
  --homeworld: #0096e2;
  --friendly-frost: #befafa;
}

Tailwind CSS v4

/* Windows 95 Desktop to Friendly Frost — https://swatchly.xyz/palette/00827c-6e2f00-fdab7f-0096e2-befafa */
@theme {
  --color-windows-95-desktop: #00827c;
  --color-windows-95-desktop-50: #d6fffb;
  --color-windows-95-desktop-100: #c0f9f4;
  --color-windows-95-desktop-200: #a4e9e3;
  --color-windows-95-desktop-300: #84d5ce;
  --color-windows-95-desktop-400: #59b7b1;
  --color-windows-95-desktop-500: #349d96;
  --color-windows-95-desktop-600: #00827c;
  --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-cold-press-coffee: #6e2f00;
  --color-cold-press-coffee-50: #fff2ec;
  --color-cold-press-coffee-100: #ffe5d8;
  --color-cold-press-coffee-200: #ffcbaf;
  --color-cold-press-coffee-300: #f1b18f;
  --color-cold-press-coffee-400: #d58f6a;
  --color-cold-press-coffee-500: #b9734d;
  --color-cold-press-coffee-600: #9c5933;
  --color-cold-press-coffee-700: #814420;
  --color-cold-press-coffee-800: #6e2f00;
  --color-cold-press-coffee-900: #532609;
  --color-cold-press-coffee-950: #361603;
  --color-peach-fizz: #fdab7f;
  --color-peach-fizz-50: #fff2ec;
  --color-peach-fizz-100: #ffe6d9;
  --color-peach-fizz-200: #ffcbb0;
  --color-peach-fizz-300: #fdab7f;
  --color-peach-fizz-400: #d98d63;
  --color-peach-fizz-500: #bd7045;
  --color-peach-fizz-600: #9f562b;
  --color-peach-fizz-700: #824118;
  --color-peach-fizz-800: #693009;
  --color-peach-fizz-900: #532302;
  --color-peach-fizz-950: #371300;
  --color-homeworld: #0096e2;
  --color-homeworld-50: #eff8ff;
  --color-homeworld-100: #dff1ff;
  --color-homeworld-200: #bbe1ff;
  --color-homeworld-300: #8eceff;
  --color-homeworld-400: #44b1fb;
  --color-homeworld-500: #0096e2;
  --color-homeworld-600: #0079b7;
  --color-homeworld-700: #005f92;
  --color-homeworld-800: #004a73;
  --color-homeworld-900: #003859;
  --color-homeworld-950: #002339;
  --color-friendly-frost: #befafa;
  --color-friendly-frost-50: #defefe;
  --color-friendly-frost-100: #befafa;
  --color-friendly-frost-200: #b8e2e2;
  --color-friendly-frost-300: #9ccdcd;
  --color-friendly-frost-400: #77aeae;
  --color-friendly-frost-500: #599293;
  --color-friendly-frost-600: #3f7777;
  --color-friendly-frost-700: #2b5f5f;
  --color-friendly-frost-800: #1c4b4b;
  --color-friendly-frost-900: #113a3a;
  --color-friendly-frost-950: #072425;
}