Maniac Mansion to Candied Snow color palette

003D4DManiac Mansion 006180Blue Velvet 009A78Paolo Veronese Green F85867Ripe Malinka F3A89FCalabrese D7FFF2Candied Snow

Open in generator Export PNG, PDF, ASE…

About this palette

Maniac Mansion to Candied Snow is a 6-color cool palette: #003D4D (Maniac Mansion), #006180 (Blue Velvet), #009A78 (Paolo Veronese Green), #F85867 (Ripe Malinka), #F3A89F (Calabrese), #D7FFF2 (Candied Snow). It mixes blue, turquoise, red, pink, white tones and feels cool overall. The strongest text pairing is #003D4D on #D7FFF2 with a contrast ratio of 10.97:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Maniac Mansion	rgb(0, 61, 77)	hsl(192, 100%, 15%)
Blue Velvet	rgb(0, 97, 128)	hsl(195, 100%, 25%)
Paolo Veronese Green	rgb(0, 154, 120)	hsl(167, 100%, 30%)
Ripe Malinka	rgb(248, 88, 103)	hsl(354, 92%, 66%)
Calabrese	rgb(243, 168, 159)	hsl(6, 78%, 79%)
Candied Snow	rgb(215, 255, 242)	hsl(160, 100%, 92%)

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.97:1 Very good#003D4D on #D7FFF2
Aa10.97:1 Very good#D7FFF2 on #003D4D
Aa6.45:1 Good#006180 on #D7FFF2
Aa6.45:1 Good#D7FFF2 on #006180
Aa6.15:1 Good#003D4D on #F3A89F
Aa6.15:1 Good#F3A89F on #003D4D
Aa3.71:1 Poor#003D4D on #F85867
Aa3.71:1 Poor#F85867 on #003D4D

Color blindness preview

CSS variables

/* Maniac Mansion to Candied Snow — https://swatchly.xyz/palette/003d4d-006180-009a78-f85867-f3a89f-d7fff2 */
:root {
  --maniac-mansion: #003d4d;
  --blue-velvet: #006180;
  --paolo-veronese-green: #009a78;
  --ripe-malinka: #f85867;
  --calabrese: #f3a89f;
  --candied-snow: #d7fff2;
}

Tailwind CSS v4

/* Maniac Mansion to Candied Snow — https://swatchly.xyz/palette/003d4d-006180-009a78-f85867-f3a89f-d7fff2 */
@theme {
  --color-maniac-mansion: #003d4d;
  --color-maniac-mansion-50: #e7f9ff;
  --color-maniac-mansion-100: #d1f2fe;
  --color-maniac-mansion-200: #b8dfed;
  --color-maniac-mansion-300: #9cc9da;
  --color-maniac-mansion-400: #79abbd;
  --color-maniac-mansion-500: #5c90a2;
  --color-maniac-mansion-600: #437687;
  --color-maniac-mansion-700: #305f6f;
  --color-maniac-mansion-800: #214c5a;
  --color-maniac-mansion-900: #003d4d;
  --color-maniac-mansion-950: #0a262f;
  --color-blue-velvet: #006180;
  --color-blue-velvet-50: #e9f8ff;
  --color-blue-velvet-100: #d3f1ff;
  --color-blue-velvet-200: #aae1fb;
  --color-blue-velvet-300: #8dccea;
  --color-blue-velvet-400: #65aece;
  --color-blue-velvet-500: #4693b4;
  --color-blue-velvet-600: #297897;
  --color-blue-velvet-700: #006180;
  --color-blue-velvet-800: #004c65;
  --color-blue-velvet-900: #003a4f;
  --color-blue-velvet-950: #002533;
  --color-paolo-veronese-green: #009a78;
  --color-paolo-veronese-green-50: #d8fff0;
  --color-paolo-veronese-green-100: #b7fbe2;
  --color-paolo-veronese-green-200: #97eacd;
  --color-paolo-veronese-green-300: #73d5b5;
  --color-paolo-veronese-green-400: #41b694;
  --color-paolo-veronese-green-500: #009a78;
  --color-paolo-veronese-green-600: #007c60;
  --color-paolo-veronese-green-700: #00634c;
  --color-paolo-veronese-green-800: #004d3b;
  --color-paolo-veronese-green-900: #003c2d;
  --color-paolo-veronese-green-950: #00261b;
  --color-ripe-malinka: #f85867;
  --color-ripe-malinka-50: #ffecec;
  --color-ripe-malinka-100: #ffdcdc;
  --color-ripe-malinka-200: #ffbdbd;
  --color-ripe-malinka-300: #ff9699;
  --color-ripe-malinka-400: #f85867;
  --color-ripe-malinka-500: #d93a4f;
  --color-ripe-malinka-600: #b91a38;
  --color-ripe-malinka-700: #9a0028;
  --color-ripe-malinka-800: #7b001e;
  --color-ripe-malinka-900: #620016;
  --color-ripe-malinka-950: #42000c;
  --color-calabrese: #f3a89f;
  --color-calabrese-50: #fff0ee;
  --color-calabrese-100: #ffe1de;
  --color-calabrese-200: #ffc5bd;
  --color-calabrese-300: #f3a89f;
  --color-calabrese-400: #d08a82;
  --color-calabrese-500: #b46f67;
  --color-calabrese-600: #97554e;
  --color-calabrese-700: #7c413b;
  --color-calabrese-800: #64312c;
  --color-calabrese-900: #502420;
  --color-calabrese-950: #341412;
  --color-candied-snow: #d7fff2;
  --color-candied-snow-50: #d7fff2;
  --color-candied-snow-100: #d9f1e9;
  --color-candied-snow-200: #c2dfd5;
  --color-candied-snow-300: #a8c9be;
  --color-candied-snow-400: #86aa9f;
  --color-candied-snow-500: #6a8f84;
  --color-candied-snow-600: #51746a;
  --color-candied-snow-700: #3d5d53;
  --color-candied-snow-800: #2d4941;
  --color-candied-snow-900: #203831;
  --color-candied-snow-950: #12231e;
}