Start generating

Homeworld to Love Juice color palette

00A1DFHomeworldC782F6Fake Love75C227Kiwi Crush7164E3Candy Grape Fizz00E797Shivering GreenC50054Love Juice
Open in generator Export PNG, PDF, ASE…

About this palette

Homeworld to Love Juice is a 6-color vibrant, cool palette: #00A1DF (Homeworld), #C782F6 (Fake Love), #75C227 (Kiwi Crush), #7164E3 (Candy Grape Fizz), #00E797 (Shivering Green), #C50054 (Love Juice). It mixes blue, purple, green, red tones and feels cool overall. The strongest text pairing is #00E797 on #C50054 with a contrast ratio of 3.68:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Homeworldrgb(0, 161, 223)hsl(197, 100%, 44%)
Fake Lovergb(199, 130, 246)hsl(276, 87%, 74%)
Kiwi Crushrgb(117, 194, 39)hsl(90, 67%, 46%)
Candy Grape Fizzrgb(113, 100, 227)hsl(246, 69%, 64%)
Shivering Greenrgb(0, 231, 151)hsl(159, 100%, 45%)
Love Juicergb(197, 0, 84)hsl(334, 100%, 39%)

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.

  • Aa3.68:1 Poor#00E797 on #C50054
  • Aa3.68:1 Poor#C50054 on #00E797

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Homeworld to Love Juice — https://swatchly.xyz/palette/00a1df-c782f6-75c227-7164e3-00e797-c50054 */
:root {
  --homeworld: #00a1df;
  --fake-love: #c782f6;
  --kiwi-crush: #75c227;
  --candy-grape-fizz: #7164e3;
  --shivering-green: #00e797;
  --love-juice: #c50054;
}

Tailwind CSS v4

/* Homeworld to Love Juice — https://swatchly.xyz/palette/00a1df-c782f6-75c227-7164e3-00e797-c50054 */
@theme {
  --color-homeworld: #00a1df;
  --color-homeworld-50: #e2f4ff;
  --color-homeworld-100: #c8eaff;
  --color-homeworld-200: #97d8ff;
  --color-homeworld-300: #57c3fc;
  --color-homeworld-400: #00a1df;
  --color-homeworld-500: #0086bb;
  --color-homeworld-600: #006c98;
  --color-homeworld-700: #00577a;
  --color-homeworld-800: #004462;
  --color-homeworld-900: #00364e;
  --color-homeworld-950: #002334;
  --color-fake-love: #c782f6;
  --color-fake-love-50: #faf4ff;
  --color-fake-love-100: #f4e7ff;
  --color-fake-love-200: #e9cdff;
  --color-fake-love-300: #ddaeff;
  --color-fake-love-400: #c782f6;
  --color-fake-love-500: #aa65d7;
  --color-fake-love-600: #8d49b7;
  --color-fake-love-700: #733399;
  --color-fake-love-800: #5b237d;
  --color-fake-love-900: #481663;
  --color-fake-love-950: #2e0a41;
  --color-kiwi-crush: #75c227;
  --color-kiwi-crush-50: #edffe1;
  --color-kiwi-crush-100: #d5ffb8;
  --color-kiwi-crush-200: #b9f191;
  --color-kiwi-crush-300: #9dde6c;
  --color-kiwi-crush-400: #75c227;
  --color-kiwi-crush-500: #5ca200;
  --color-kiwi-crush-600: #498300;
  --color-kiwi-crush-700: #396700;
  --color-kiwi-crush-800: #2b5000;
  --color-kiwi-crush-900: #1f3d00;
  --color-kiwi-crush-950: #112600;
  --color-candy-grape-fizz: #7164e3;
  --color-candy-grape-fizz-50: #f1f2ff;
  --color-candy-grape-fizz-100: #e3e4ff;
  --color-candy-grape-fizz-200: #cbccff;
  --color-candy-grape-fizz-300: #afafff;
  --color-candy-grape-fizz-400: #8c84ff;
  --color-candy-grape-fizz-500: #7164e3;
  --color-candy-grape-fizz-600: #5b4bc3;
  --color-candy-grape-fizz-700: #4837a4;
  --color-candy-grape-fizz-800: #382888;
  --color-candy-grape-fizz-900: #2c1d6f;
  --color-candy-grape-fizz-950: #1b104b;
  --color-shivering-green: #00e797;
  --color-shivering-green-50: #e2ffed;
  --color-shivering-green-100: #bdffd9;
  --color-shivering-green-200: #81f5ba;
  --color-shivering-green-300: #00e797;
  --color-shivering-green-400: #00c27e;
  --color-shivering-green-500: #00a168;
  --color-shivering-green-600: #008253;
  --color-shivering-green-700: #006741;
  --color-shivering-green-800: #005031;
  --color-shivering-green-900: #003e25;
  --color-shivering-green-950: #002716;
  --color-love-juice: #c50054;
  --color-love-juice-50: #fff1f3;
  --color-love-juice-100: #ffe3e7;
  --color-love-juice-200: #ffc6cf;
  --color-love-juice-300: #ffa2b3;
  --color-love-juice-400: #ff638b;
  --color-love-juice-500: #e6376e;
  --color-love-juice-600: #c50054;
  --color-love-juice-700: #9e0042;
  --color-love-juice-800: #7d0033;
  --color-love-juice-900: #630026;
  --color-love-juice-950: #410016;
}

Similar palettes