Galactic Purple to Frost Fairy color palette

40329DGalactic Purple 765E00Coffee Adept B78E00Moutarde de Bénichon 7692FFPolar Glow E4B200Golden Frame BBD0FFFrost Fairy

Open in generator Export PNG, PDF, ASE…

About this palette

Galactic Purple to Frost Fairy is a 6-color palette: #40329D (Galactic Purple), #765E00 (Coffee Adept), #B78E00 (Moutarde de Bénichon), #7692FF (Polar Glow), #E4B200 (Golden Frame), #BBD0FF (Frost Fairy). It mixes purple, brown, yellow, blue tones and feels balanced overall. The strongest text pairing is #40329D on #BBD0FF with a contrast ratio of 6.28:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Galactic Purple	rgb(64, 50, 157)	hsl(248, 52%, 41%)
Coffee Adept	rgb(118, 94, 0)	hsl(48, 100%, 23%)
Moutarde de Bénichon	rgb(183, 142, 0)	hsl(47, 100%, 36%)
Polar Glow	rgb(118, 146, 255)	hsl(228, 100%, 73%)
Golden Frame	rgb(228, 178, 0)	hsl(47, 100%, 45%)
Frost Fairy	rgb(187, 208, 255)	hsl(221, 100%, 87%)

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.

Aa6.28:1 Good#40329D on #BBD0FF
Aa6.28:1 Good#BBD0FF on #40329D
Aa4.94:1 Good#40329D on #E4B200
Aa4.94:1 Good#E4B200 on #40329D
Aa4.03:1 Poor#765E00 on #BBD0FF
Aa4.03:1 Poor#BBD0FF on #765E00
Aa3.39:1 Poor#40329D on #7692FF
Aa3.39:1 Poor#7692FF on #40329D

Color blindness preview

CSS variables

/* Galactic Purple to Frost Fairy — https://swatchly.xyz/palette/40329d-765e00-b78e00-7692ff-e4b200-bbd0ff */
:root {
  --galactic-purple: #40329d;
  --coffee-adept: #765e00;
  --moutarde-de-b-nichon: #b78e00;
  --polar-glow: #7692ff;
  --golden-frame: #e4b200;
  --frost-fairy: #bbd0ff;
}

Tailwind CSS v4

/* Galactic Purple to Frost Fairy — https://swatchly.xyz/palette/40329d-765e00-b78e00-7692ff-e4b200-bbd0ff */
@theme {
  --color-galactic-purple: #40329d;
  --color-galactic-purple-50: #f3f4ff;
  --color-galactic-purple-100: #e7e9ff;
  --color-galactic-purple-200: #d0d3ff;
  --color-galactic-purple-300: #b8bbff;
  --color-galactic-purple-400: #9696ff;
  --color-galactic-purple-500: #7c79e9;
  --color-galactic-purple-600: #645ecb;
  --color-galactic-purple-700: #5049ae;
  --color-galactic-purple-800: #40329d;
  --color-galactic-purple-900: #312877;
  --color-galactic-purple-950: #1e1751;
  --color-coffee-adept: #765e00;
  --color-coffee-adept-50: #fff5d7;
  --color-coffee-adept-100: #f9e8b9;
  --color-coffee-adept-200: #e6d299;
  --color-coffee-adept-300: #d0b978;
  --color-coffee-adept-400: #b0984e;
  --color-coffee-adept-500: #937a2c;
  --color-coffee-adept-600: #765e00;
  --color-coffee-adept-700: #5e4a00;
  --color-coffee-adept-800: #4a3a00;
  --color-coffee-adept-900: #392c00;
  --color-coffee-adept-950: #241b00;
  --color-moutarde-de-b-nichon: #b78e00;
  --color-moutarde-de-b-nichon-50: #ffefc9;
  --color-moutarde-de-b-nichon-100: #fde19e;
  --color-moutarde-de-b-nichon-200: #ecca79;
  --color-moutarde-de-b-nichon-300: #d6b150;
  --color-moutarde-de-b-nichon-400: #b78e00;
  --color-moutarde-de-b-nichon-500: #997600;
  --color-moutarde-de-b-nichon-600: #7c5f00;
  --color-moutarde-de-b-nichon-700: #634c00;
  --color-moutarde-de-b-nichon-800: #4f3c00;
  --color-moutarde-de-b-nichon-900: #3f2f00;
  --color-moutarde-de-b-nichon-950: #291d00;
  --color-polar-glow: #7692ff;
  --color-polar-glow-50: #eef2ff;
  --color-polar-glow-100: #dfe7ff;
  --color-polar-glow-200: #c2d1ff;
  --color-polar-glow-300: #a2b8ff;
  --color-polar-glow-400: #7692ff;
  --color-polar-glow-500: #5e77e1;
  --color-polar-glow-600: #475dc2;
  --color-polar-glow-700: #3647a3;
  --color-polar-glow-800: #283687;
  --color-polar-glow-900: #1d296d;
  --color-polar-glow-950: #10184a;
  --color-golden-frame: #e4b200;
  --color-golden-frame-50: #fff0cc;
  --color-golden-frame-100: #ffe3a0;
  --color-golden-frame-200: #f3cd6b;
  --color-golden-frame-300: #e4b200;
  --color-golden-frame-400: #c09500;
  --color-golden-frame-500: #a07c00;
  --color-golden-frame-600: #826400;
  --color-golden-frame-700: #684f00;
  --color-golden-frame-800: #523e00;
  --color-golden-frame-900: #413000;
  --color-golden-frame-950: #291d00;
  --color-frost-fairy: #bbd0ff;
  --color-frost-fairy-50: #eaf0ff;
  --color-frost-fairy-100: #d9e5ff;
  --color-frost-fairy-200: #bbd0ff;
  --color-frost-fairy-300: #a9bbe3;
  --color-frost-fairy-400: #899cc8;
  --color-frost-fairy-500: #6f82ad;
  --color-frost-fairy-600: #576992;
  --color-frost-fairy-700: #435378;
  --color-frost-fairy-800: #344162;
  --color-frost-fairy-900: #26324d;
  --color-frost-fairy-950: #161f32;
}