Winter Wizard to Pacific Pleasure color palette

90DFFFWinter Wizard FFA078Butternut EA551DFurious Tiger 005B77Saltwater Denim 671603Blood of Zeus 007F96Pacific Pleasure

Open in generator Export PNG, PDF, ASE…

About this palette

Winter Wizard to Pacific Pleasure is a 6-color palette: #90DFFF (Winter Wizard), #FFA078 (Butternut), #EA551D (Furious Tiger), #005B77 (Saltwater Denim), #671603 (Blood of Zeus), #007F96 (Pacific Pleasure). It mixes blue, orange, red, brown tones and feels balanced overall. The strongest text pairing is #90DFFF on #671603 with a contrast ratio of 8.38:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Winter Wizard	rgb(144, 223, 255)	hsl(197, 100%, 78%)
Butternut	rgb(255, 160, 120)	hsl(18, 100%, 74%)
Furious Tiger	rgb(234, 85, 29)	hsl(16, 83%, 52%)
Saltwater Denim	rgb(0, 91, 119)	hsl(194, 100%, 23%)
Blood of Zeus	rgb(103, 22, 3)	hsl(11, 94%, 21%)
Pacific Pleasure	rgb(0, 127, 150)	hsl(189, 100%, 29%)

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.38:1 Very good#90DFFF on #671603
Aa8.38:1 Very good#671603 on #90DFFF
Aa6.23:1 Good#FFA078 on #671603
Aa6.23:1 Good#671603 on #FFA078
Aa5.13:1 Good#90DFFF on #005B77
Aa5.13:1 Good#005B77 on #90DFFF
Aa3.82:1 Poor#FFA078 on #005B77
Aa3.82:1 Poor#005B77 on #FFA078

Color blindness preview

CSS variables

/* Winter Wizard to Pacific Pleasure — https://swatchly.xyz/palette/90dfff-ffa078-ea551d-005b77-671603-007f96 */
:root {
  --winter-wizard: #90dfff;
  --butternut: #ffa078;
  --furious-tiger: #ea551d;
  --saltwater-denim: #005b77;
  --blood-of-zeus: #671603;
  --pacific-pleasure: #007f96;
}

Tailwind CSS v4

/* Winter Wizard to Pacific Pleasure — https://swatchly.xyz/palette/90dfff-ffa078-ea551d-005b77-671603-007f96 */
@theme {
  --color-winter-wizard: #90dfff;
  --color-winter-wizard-50: #e0f6ff;
  --color-winter-wizard-100: #c6eeff;
  --color-winter-wizard-200: #90dfff;
  --color-winter-wizard-300: #85c8e3;
  --color-winter-wizard-400: #5eaac7;
  --color-winter-wizard-500: #3f8fac;
  --color-winter-wizard-600: #227491;
  --color-winter-wizard-700: #095d77;
  --color-winter-wizard-800: #004a60;
  --color-winter-wizard-900: #00394a;
  --color-winter-wizard-950: #002330;
  --color-butternut: #ffa078;
  --color-butternut-50: #ffeee8;
  --color-butternut-100: #ffe0d3;
  --color-butternut-200: #ffc4ab;
  --color-butternut-300: #ffa078;
  --color-butternut-400: #dc835d;
  --color-butternut-500: #c06740;
  --color-butternut-600: #a24e27;
  --color-butternut-700: #863a14;
  --color-butternut-800: #6d2a06;
  --color-butternut-900: #581e01;
  --color-butternut-950: #391000;
  --color-furious-tiger: #ea551d;
  --color-furious-tiger-50: #fff4f0;
  --color-furious-tiger-100: #ffe8e1;
  --color-furious-tiger-200: #ffcfbf;
  --color-furious-tiger-300: #ffaf96;
  --color-furious-tiger-400: #ff7b50;
  --color-furious-tiger-500: #ea551d;
  --color-furious-tiger-600: #c23d00;
  --color-furious-tiger-700: #9b2f00;
  --color-furious-tiger-800: #7a2300;
  --color-furious-tiger-900: #5f1900;
  --color-furious-tiger-950: #3e0d00;
  --color-saltwater-denim: #005b77;
  --color-saltwater-denim-50: #e9f8ff;
  --color-saltwater-denim-100: #d2f1ff;
  --color-saltwater-denim-200: #abe0f8;
  --color-saltwater-denim-300: #8dcae5;
  --color-saltwater-denim-400: #65aac8;
  --color-saltwater-denim-500: #468eac;
  --color-saltwater-denim-600: #29738f;
  --color-saltwater-denim-700: #005b77;
  --color-saltwater-denim-800: #03475d;
  --color-saltwater-denim-900: #003749;
  --color-saltwater-denim-950: #00222f;
  --color-blood-of-zeus: #671603;
  --color-blood-of-zeus-50: #fff2ef;
  --color-blood-of-zeus-100: #ffe4de;
  --color-blood-of-zeus-200: #ffc9bc;
  --color-blood-of-zeus-300: #faa996;
  --color-blood-of-zeus-400: #df8873;
  --color-blood-of-zeus-500: #c46c57;
  --color-blood-of-zeus-600: #a7523f;
  --color-blood-of-zeus-700: #8c3e2c;
  --color-blood-of-zeus-800: #732e1f;
  --color-blood-of-zeus-900: #671603;
  --color-blood-of-zeus-950: #3f1309;
  --color-pacific-pleasure: #007f96;
  --color-pacific-pleasure-50: #e5f9ff;
  --color-pacific-pleasure-100: #cdf4ff;
  --color-pacific-pleasure-200: #a3e6f8;
  --color-pacific-pleasure-300: #84d2e6;
  --color-pacific-pleasure-400: #58b4cb;
  --color-pacific-pleasure-500: #3399b1;
  --color-pacific-pleasure-600: #007f96;
  --color-pacific-pleasure-700: #006578;
  --color-pacific-pleasure-800: #004f5e;
  --color-pacific-pleasure-900: #003c49;
  --color-pacific-pleasure-950: #00262e;
}