Start generating

Pacific Pleasure to King Lime color palette

00809BPacific PleasureF00080Fabulous FuchsiaA16BFFOrion NebulaA7AD00Honey and ThymeACD800King Lime
Open in generator Export PNG, PDF, ASE…

About this palette

Pacific Pleasure to King Lime is a 5-color vibrant, cool, neon palette: #00809B (Pacific Pleasure), #F00080 (Fabulous Fuchsia), #A16BFF (Orion Nebula), #A7AD00 (Honey and Thyme), #ACD800 (King Lime). It mixes blue, pink, purple, green tones and feels cool overall. The strongest text pairing is #00809B on #ACD800 with a contrast ratio of 2.76:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Pacific Pleasurergb(0, 128, 155)hsl(190, 100%, 30%)
Fabulous Fuchsiargb(240, 0, 128)hsl(328, 100%, 47%)
Orion Nebulargb(161, 107, 255)hsl(262, 100%, 71%)
Honey and Thymergb(167, 173, 0)hsl(62, 100%, 34%)
King Limergb(172, 216, 0)hsl(72, 100%, 42%)

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

    /* Pacific Pleasure to King Lime — https://swatchly.xyz/palette/00809b-f00080-a16bff-a7ad00-acd800 */
:root {
  --pacific-pleasure: #00809b;
  --fabulous-fuchsia: #f00080;
  --orion-nebula: #a16bff;
  --honey-and-thyme: #a7ad00;
  --king-lime: #acd800;
}

    Tailwind CSS v4

    /* Pacific Pleasure to King Lime — https://swatchly.xyz/palette/00809b-f00080-a16bff-a7ad00-acd800 */
@theme {
  --color-pacific-pleasure: #00809b;
  --color-pacific-pleasure-50: #e6f9ff;
  --color-pacific-pleasure-100: #d0f4ff;
  --color-pacific-pleasure-200: #a3e6fb;
  --color-pacific-pleasure-300: #84d2ea;
  --color-pacific-pleasure-400: #59b5d0;
  --color-pacific-pleasure-500: #339ab6;
  --color-pacific-pleasure-600: #00809b;
  --color-pacific-pleasure-700: #00667c;
  --color-pacific-pleasure-800: #004f61;
  --color-pacific-pleasure-900: #003d4b;
  --color-pacific-pleasure-950: #002630;
  --color-fabulous-fuchsia: #f00080;
  --color-fabulous-fuchsia-50: #fff1f4;
  --color-fabulous-fuchsia-100: #ffe2ea;
  --color-fabulous-fuchsia-200: #ffc5d5;
  --color-fabulous-fuchsia-300: #ffa0be;
  --color-fabulous-fuchsia-400: #ff5f9c;
  --color-fabulous-fuchsia-500: #f00080;
  --color-fabulous-fuchsia-600: #c30067;
  --color-fabulous-fuchsia-700: #9c0051;
  --color-fabulous-fuchsia-800: #7c003f;
  --color-fabulous-fuchsia-900: #610030;
  --color-fabulous-fuchsia-950: #40001d;
  --color-orion-nebula: #a16bff;
  --color-orion-nebula-50: #f8f5ff;
  --color-orion-nebula-100: #f0ecff;
  --color-orion-nebula-200: #e1d6ff;
  --color-orion-nebula-300: #cebcff;
  --color-orion-nebula-400: #b593ff;
  --color-orion-nebula-500: #a16bff;
  --color-orion-nebula-600: #854cdd;
  --color-orion-nebula-700: #6b33bb;
  --color-orion-nebula-800: #551f9a;
  --color-orion-nebula-900: #42117c;
  --color-orion-nebula-950: #290552;
  --color-honey-and-thyme: #a7ad00;
  --color-honey-and-thyme-50: #f7fdb9;
  --color-honey-and-thyme-100: #edf4a8;
  --color-honey-and-thyme-200: #dbe185;
  --color-honey-and-thyme-300: #c5cc5d;
  --color-honey-and-thyme-400: #a7ad00;
  --color-honey-and-thyme-500: #8b9000;
  --color-honey-and-thyme-600: #6f7400;
  --color-honey-and-thyme-700: #585b00;
  --color-honey-and-thyme-800: #444700;
  --color-honey-and-thyme-900: #343600;
  --color-honey-and-thyme-950: #202100;
  --color-king-lime: #acd800;
  --color-king-lime-50: #eeffcf;
  --color-king-lime-100: #defc9f;
  --color-king-lime-200: #c8ea78;
  --color-king-lime-300: #acd800;
  --color-king-lime-400: #90b500;
  --color-king-lime-500: #779600;
  --color-king-lime-600: #5f7900;
  --color-king-lime-700: #4b6000;
  --color-king-lime-800: #394a00;
  --color-king-lime-900: #2b3900;
  --color-king-lime-950: #1a2300;
}

    Similar palettes