Start generating

Galactic Grapevine to Pristine Seas color palette

752F7CGalactic Grapevine401A4FPlunged Into DarknessD8F2CCSnowy Mint6CC9F5Nevermind NirvanaC9936DBaker’s Dream007599Pristine Seas
Open in generator Export PNG, PDF, ASE…

About this palette

Galactic Grapevine to Pristine Seas is a 6-color cool palette: #752F7C (Galactic Grapevine), #401A4F (Plunged Into Darkness), #D8F2CC (Snowy Mint), #6CC9F5 (Nevermind Nirvana), #C9936D (Baker’s Dream), #007599 (Pristine Seas). It mixes purple, green, blue, orange tones and feels cool overall. The strongest text pairing is #401A4F on #D8F2CC with a contrast ratio of 11.83:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Galactic Grapevinergb(117, 47, 124)hsl(295, 45%, 34%)
Plunged Into Darknessrgb(64, 26, 79)hsl(283, 50%, 21%)
Snowy Mintrgb(216, 242, 204)hsl(101, 59%, 87%)
Nevermind Nirvanargb(108, 201, 245)hsl(199, 87%, 69%)
Baker’s Dreamrgb(201, 147, 109)hsl(25, 46%, 61%)
Pristine Seasrgb(0, 117, 153)hsl(194, 100%, 30%)

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.

  • Aa11.83:1 Very good#401A4F on #D8F2CC
  • Aa11.83:1 Very good#D8F2CC on #401A4F
  • Aa7.65:1 Very good#401A4F on #6CC9F5
  • Aa7.65:1 Very good#6CC9F5 on #401A4F
  • Aa7.13:1 Very good#752F7C on #D8F2CC
  • Aa7.13:1 Very good#D8F2CC on #752F7C
  • Aa5.33:1 Good#401A4F on #C9936D
  • Aa5.33:1 Good#C9936D on #401A4F

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Galactic Grapevine to Pristine Seas — https://swatchly.xyz/palette/752f7c-401a4f-d8f2cc-6cc9f5-c9936d-007599 */
:root {
  --galactic-grapevine: #752f7c;
  --plunged-into-darkness: #401a4f;
  --snowy-mint: #d8f2cc;
  --nevermind-nirvana: #6cc9f5;
  --baker-s-dream: #c9936d;
  --pristine-seas: #007599;
}

Tailwind CSS v4

/* Galactic Grapevine to Pristine Seas — https://swatchly.xyz/palette/752f7c-401a4f-d8f2cc-6cc9f5-c9936d-007599 */
@theme {
  --color-galactic-grapevine: #752f7c;
  --color-galactic-grapevine-50: #fef0ff;
  --color-galactic-grapevine-100: #fde0ff;
  --color-galactic-grapevine-200: #f9bffe;
  --color-galactic-grapevine-300: #e6a4ec;
  --color-galactic-grapevine-400: #c880cf;
  --color-galactic-grapevine-500: #ac63b2;
  --color-galactic-grapevine-600: #8e4894;
  --color-galactic-grapevine-700: #752f7c;
  --color-galactic-grapevine-800: #5b2561;
  --color-galactic-grapevine-900: #48194d;
  --color-galactic-grapevine-950: #2e0d32;
  --color-plunged-into-darkness: #401a4f;
  --color-plunged-into-darkness-50: #fbf1ff;
  --color-plunged-into-darkness-100: #f6e3ff;
  --color-plunged-into-darkness-200: #eac9f9;
  --color-plunged-into-darkness-300: #d6b1e7;
  --color-plunged-into-darkness-400: #b78ec9;
  --color-plunged-into-darkness-500: #9b71ad;
  --color-plunged-into-darkness-600: #7e578f;
  --color-plunged-into-darkness-700: #644174;
  --color-plunged-into-darkness-800: #4e305b;
  --color-plunged-into-darkness-900: #401a4f;
  --color-plunged-into-darkness-950: #25132c;
  --color-snowy-mint: #d8f2cc;
  --color-snowy-mint-50: #eaf8e3;
  --color-snowy-mint-100: #d8f2cc;
  --color-snowy-mint-200: #c9dcc0;
  --color-snowy-mint-300: #b1c7a7;
  --color-snowy-mint-400: #91a986;
  --color-snowy-mint-500: #768e6b;
  --color-snowy-mint-600: #5d7352;
  --color-snowy-mint-700: #485c3e;
  --color-snowy-mint-800: #37482e;
  --color-snowy-mint-900: #293822;
  --color-snowy-mint-950: #182313;
  --color-nevermind-nirvana: #6cc9f5;
  --color-nevermind-nirvana-50: #e5f6ff;
  --color-nevermind-nirvana-100: #cdeeff;
  --color-nevermind-nirvana-200: #9cdeff;
  --color-nevermind-nirvana-300: #6cc9f5;
  --color-nevermind-nirvana-400: #4fa9d3;
  --color-nevermind-nirvana-500: #2b8eb8;
  --color-nevermind-nirvana-600: #00749b;
  --color-nevermind-nirvana-700: #005c7c;
  --color-nevermind-nirvana-800: #004862;
  --color-nevermind-nirvana-900: #00384d;
  --color-nevermind-nirvana-950: #002332;
  --color-baker-s-dream: #c9936d;
  --color-baker-s-dream-50: #fff2e9;
  --color-baker-s-dream-100: #ffe5d3;
  --color-baker-s-dream-200: #f8cdb0;
  --color-baker-s-dream-300: #e5b593;
  --color-baker-s-dream-400: #c9936d;
  --color-baker-s-dream-500: #ac7853;
  --color-baker-s-dream-600: #8f5e3a;
  --color-baker-s-dream-700: #754927;
  --color-baker-s-dream-800: #5e371a;
  --color-baker-s-dream-900: #4a2910;
  --color-baker-s-dream-950: #301906;
  --color-pristine-seas: #007599;
  --color-pristine-seas-50: #e9f8ff;
  --color-pristine-seas-100: #d2f0ff;
  --color-pristine-seas-200: #a2e2ff;
  --color-pristine-seas-300: #81cced;
  --color-pristine-seas-400: #56add1;
  --color-pristine-seas-500: #3291b6;
  --color-pristine-seas-600: #007599;
  --color-pristine-seas-700: #005d7a;
  --color-pristine-seas-800: #004860;
  --color-pristine-seas-900: #00384b;
  --color-pristine-seas-950: #002330;
}

Similar palettes