King Kong to Frail Fuchsia color palette

0D180CKing Kong 76262AWine and Unwind 008485Windows 95 Desktop C0F5C5Smell the Mint E77FD5Frail Fuchsia

Open in generator Export PNG, PDF, ASE…

About this palette

King Kong to Frail Fuchsia is a 5-color vintage palette: #0D180C (King Kong), #76262A (Wine and Unwind), #008485 (Windows 95 Desktop), #C0F5C5 (Smell the Mint), #E77FD5 (Frail Fuchsia). It mixes black, brown, turquoise, green, pink tones and feels balanced overall. The strongest text pairing is #0D180C on #C0F5C5 with a contrast ratio of 14.84:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
King Kong	rgb(13, 24, 12)	hsl(115, 33%, 7%)
Wine and Unwind	rgb(118, 38, 42)	hsl(357, 51%, 31%)
Windows 95 Desktop	rgb(0, 132, 133)	hsl(180, 100%, 26%)
Smell the Mint	rgb(192, 245, 197)	hsl(126, 73%, 86%)
Frail Fuchsia	rgb(231, 127, 213)	hsl(310, 68%, 70%)

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.

Aa14.84:1 Super#0D180C on #C0F5C5
Aa14.84:1 Super#C0F5C5 on #0D180C
Aa8.22:1 Very good#76262A on #C0F5C5
Aa8.22:1 Very good#C0F5C5 on #76262A
Aa7.28:1 Very good#0D180C on #E77FD5
Aa7.28:1 Very good#E77FD5 on #0D180C
Aa4.03:1 Poor#76262A on #E77FD5
Aa4.03:1 Poor#E77FD5 on #76262A

Color blindness preview

CSS variables

/* King Kong to Frail Fuchsia — https://swatchly.xyz/palette/0d180c-76262a-008485-c0f5c5-e77fd5 */
:root {
  --king-kong: #0d180c;
  --wine-and-unwind: #76262a;
  --windows-95-desktop: #008485;
  --smell-the-mint: #c0f5c5;
  --frail-fuchsia: #e77fd5;
}

Tailwind CSS v4

/* King Kong to Frail Fuchsia — https://swatchly.xyz/palette/0d180c-76262a-008485-c0f5c5-e77fd5 */
@theme {
  --color-king-kong: #0d180c;
  --color-king-kong-50: #eff8ee;
  --color-king-kong-100: #e5eee4;
  --color-king-kong-200: #d0dbcf;
  --color-king-kong-300: #b8c5b7;
  --color-king-kong-400: #98a697;
  --color-king-kong-500: #7a8979;
  --color-king-kong-600: #5f6c5d;
  --color-king-kong-700: #475346;
  --color-king-kong-800: #343e33;
  --color-king-kong-900: #242c23;
  --color-king-kong-950: #0d180c;
  --color-wine-and-unwind: #76262a;
  --color-wine-and-unwind-50: #fff1f1;
  --color-wine-and-unwind-100: #ffe4e2;
  --color-wine-and-unwind-200: #ffc8c5;
  --color-wine-and-unwind-300: #f9a9a7;
  --color-wine-and-unwind-400: #de8785;
  --color-wine-and-unwind-500: #c26b6a;
  --color-wine-and-unwind-600: #a55151;
  --color-wine-and-unwind-700: #893d3e;
  --color-wine-and-unwind-800: #76262a;
  --color-wine-and-unwind-900: #592022;
  --color-wine-and-unwind-950: #3b1113;
  --color-windows-95-desktop: #008485;
  --color-windows-95-desktop-50: #d4ffff;
  --color-windows-95-desktop-100: #c0f9f9;
  --color-windows-95-desktop-200: #a4e9e9;
  --color-windows-95-desktop-300: #85d5d5;
  --color-windows-95-desktop-400: #5ab8b9;
  --color-windows-95-desktop-500: #349e9f;
  --color-windows-95-desktop-600: #008485;
  --color-windows-95-desktop-700: #00696a;
  --color-windows-95-desktop-800: #005253;
  --color-windows-95-desktop-900: #003f3f;
  --color-windows-95-desktop-950: #002728;
  --color-smell-the-mint: #c0f5c5;
  --color-smell-the-mint-50: #dbfadd;
  --color-smell-the-mint-100: #c0f5c5;
  --color-smell-the-mint-200: #b7dfba;
  --color-smell-the-mint-300: #9ecaa2;
  --color-smell-the-mint-400: #7cad81;
  --color-smell-the-mint-500: #619267;
  --color-smell-the-mint-600: #48784f;
  --color-smell-the-mint-700: #35613b;
  --color-smell-the-mint-800: #264c2c;
  --color-smell-the-mint-900: #1a3b1f;
  --color-smell-the-mint-950: #0d2511;
  --color-frail-fuchsia: #e77fd5;
  --color-frail-fuchsia-50: #fff5fd;
  --color-frail-fuchsia-100: #ffe8fa;
  --color-frail-fuchsia-200: #ffcbf4;
  --color-frail-fuchsia-300: #fea6ed;
  --color-frail-fuchsia-400: #e77fd5;
  --color-frail-fuchsia-500: #c762b6;
  --color-frail-fuchsia-600: #a74598;
  --color-frail-fuchsia-700: #892e7c;
  --color-frail-fuchsia-800: #6e1d63;
  --color-frail-fuchsia-900: #56114d;
  --color-frail-fuchsia-950: #370631;
}