Spacescape to Candy Grape Fizz color palette

26214ESpacescape 9F97EECold Lips 5A459EUltrapurple Merge D4C9FFInnocent Snowdrop 8060D8Candy Grape Fizz

Open in generator Export PNG, PDF, ASE…

About this palette

Spacescape to Candy Grape Fizz is a 5-color cool, monochromatic palette: #26214E (Spacescape), #9F97EE (Cold Lips), #5A459E (Ultrapurple Merge), #D4C9FF (Innocent Snowdrop), #8060D8 (Candy Grape Fizz). It mixes purple tones and feels cool overall. The strongest text pairing is #26214E on #D4C9FF with a contrast ratio of 9.64:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Spacescape	rgb(38, 33, 78)	hsl(247, 41%, 22%)
Cold Lips	rgb(159, 151, 238)	hsl(246, 72%, 76%)
Ultrapurple Merge	rgb(90, 69, 158)	hsl(254, 39%, 45%)
Innocent Snowdrop	rgb(212, 201, 255)	hsl(252, 100%, 89%)
Candy Grape Fizz	rgb(128, 96, 216)	hsl(256, 61%, 61%)

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.

Aa9.64:1 Very good#26214E on #D4C9FF
Aa9.64:1 Very good#D4C9FF on #26214E
Aa5.77:1 Good#26214E on #9F97EE
Aa5.77:1 Good#9F97EE on #26214E
Aa4.89:1 Good#5A459E on #D4C9FF
Aa4.89:1 Good#D4C9FF on #5A459E
Aa3.25:1 Poor#26214E on #8060D8
Aa3.25:1 Poor#8060D8 on #26214E

Color blindness preview

CSS variables

/* Spacescape to Candy Grape Fizz — https://swatchly.xyz/palette/26214e-9f97ee-5a459e-d4c9ff-8060d8 */
:root {
  --spacescape: #26214e;
  --cold-lips: #9f97ee;
  --ultrapurple-merge: #5a459e;
  --innocent-snowdrop: #d4c9ff;
  --candy-grape-fizz: #8060d8;
}

Tailwind CSS v4

/* Spacescape to Candy Grape Fizz — https://swatchly.xyz/palette/26214e-9f97ee-5a459e-d4c9ff-8060d8 */
@theme {
  --color-spacescape: #26214e;
  --color-spacescape-50: #f4f4ff;
  --color-spacescape-100: #e9e9ff;
  --color-spacescape-200: #d3d3fe;
  --color-spacescape-300: #bcbbec;
  --color-spacescape-400: #9a99ce;
  --color-spacescape-500: #7d7bb1;
  --color-spacescape-600: #616091;
  --color-spacescape-700: #4a4874;
  --color-spacescape-800: #363559;
  --color-spacescape-900: #26214e;
  --color-spacescape-950: #161529;
  --color-cold-lips: #9f97ee;
  --color-cold-lips-50: #f5f5ff;
  --color-cold-lips-100: #ebeaff;
  --color-cold-lips-200: #d6d4ff;
  --color-cold-lips-300: #bebaff;
  --color-cold-lips-400: #9f97ee;
  --color-cold-lips-500: #847bcf;
  --color-cold-lips-600: #6a60b0;
  --color-cold-lips-700: #534a93;
  --color-cold-lips-800: #413777;
  --color-cold-lips-900: #31295f;
  --color-cold-lips-950: #1e183f;
  --color-ultrapurple-merge: #5a459e;
  --color-ultrapurple-merge-50: #f5f4ff;
  --color-ultrapurple-merge-100: #ebe8ff;
  --color-ultrapurple-merge-200: #d7d2ff;
  --color-ultrapurple-merge-300: #c1b7ff;
  --color-ultrapurple-merge-400: #a393ef;
  --color-ultrapurple-merge-500: #8977d5;
  --color-ultrapurple-merge-600: #6f5cb7;
  --color-ultrapurple-merge-700: #5a459e;
  --color-ultrapurple-merge-800: #46357e;
  --color-ultrapurple-merge-900: #362765;
  --color-ultrapurple-merge-950: #221643;
  --color-innocent-snowdrop: #d4c9ff;
  --color-innocent-snowdrop-50: #f2efff;
  --color-innocent-snowdrop-100: #e7e2ff;
  --color-innocent-snowdrop-200: #d4c9ff;
  --color-innocent-snowdrop-300: #beb5e3;
  --color-innocent-snowdrop-400: #a096c7;
  --color-innocent-snowdrop-500: #867bad;
  --color-innocent-snowdrop-600: #6c6291;
  --color-innocent-snowdrop-700: #574d77;
  --color-innocent-snowdrop-800: #443b61;
  --color-innocent-snowdrop-900: #342d4c;
  --color-innocent-snowdrop-950: #201b32;
  --color-candy-grape-fizz: #8060d8;
  --color-candy-grape-fizz-50: #f3f1ff;
  --color-candy-grape-fizz-100: #e7e3ff;
  --color-candy-grape-fizz-200: #d2c9ff;
  --color-candy-grape-fizz-300: #baaaff;
  --color-candy-grape-fizz-400: #9c7ff7;
  --color-candy-grape-fizz-500: #8060d8;
  --color-candy-grape-fizz-600: #6848b9;
  --color-candy-grape-fizz-700: #54359b;
  --color-candy-grape-fizz-800: #422680;
  --color-candy-grape-fizz-900: #341b68;
  --color-candy-grape-fizz-950: #210e47;
}