Cape Verde to Galactic Gossamer color palette

005243Cape Verde 814E59Nocturne Red E5D4B1Anise Biscotti DCA0B4Brandywine Spritz 788CB1Galactic Gossamer

Open in generator Export PNG, PDF, ASE…

About this palette

Cape Verde to Galactic Gossamer is a 5-color warm, vintage palette: #005243 (Cape Verde), #814E59 (Nocturne Red), #E5D4B1 (Anise Biscotti), #DCA0B4 (Brandywine Spritz), #788CB1 (Galactic Gossamer). It mixes turquoise, red, yellow, pink, blue tones and feels warm overall. The strongest text pairing is #005243 on #E5D4B1 with a contrast ratio of 6.29:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cape Verde	rgb(0, 82, 67)	hsl(169, 100%, 16%)
Nocturne Red	rgb(129, 78, 89)	hsl(347, 25%, 41%)
Anise Biscotti	rgb(229, 212, 177)	hsl(40, 50%, 80%)
Brandywine Spritz	rgb(220, 160, 180)	hsl(340, 46%, 75%)
Galactic Gossamer	rgb(120, 140, 177)	hsl(219, 27%, 58%)

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.29:1 Good#005243 on #E5D4B1
Aa6.29:1 Good#E5D4B1 on #005243
Aa4.54:1 Good#814E59 on #E5D4B1
Aa4.54:1 Good#E5D4B1 on #814E59
Aa4.25:1 Poor#005243 on #DCA0B4
Aa4.25:1 Poor#DCA0B4 on #005243
Aa3.07:1 Poor#814E59 on #DCA0B4
Aa3.07:1 Poor#DCA0B4 on #814E59

Color blindness preview

CSS variables

/* Cape Verde to Galactic Gossamer — https://swatchly.xyz/palette/005243-814e59-e5d4b1-dca0b4-788cb1 */
:root {
  --cape-verde: #005243;
  --nocturne-red: #814e59;
  --anise-biscotti: #e5d4b1;
  --brandywine-spritz: #dca0b4;
  --galactic-gossamer: #788cb1;
}

Tailwind CSS v4

/* Cape Verde to Galactic Gossamer — https://swatchly.xyz/palette/005243-814e59-e5d4b1-dca0b4-788cb1 */
@theme {
  --color-cape-verde: #005243;
  --color-cape-verde-50: #dafff3;
  --color-cape-verde-100: #cdf6e9;
  --color-cape-verde-200: #b3e4d5;
  --color-cape-verde-300: #97cfbf;
  --color-cape-verde-400: #72b2a0;
  --color-cape-verde-500: #549785;
  --color-cape-verde-600: #3a7c6b;
  --color-cape-verde-700: #256456;
  --color-cape-verde-800: #005243;
  --color-cape-verde-900: #0b3f34;
  --color-cape-verde-950: #032820;
  --color-nocturne-red: #814e59;
  --color-nocturne-red-50: #fff1f3;
  --color-nocturne-red-100: #ffe3e8;
  --color-nocturne-red-200: #f8ccd4;
  --color-nocturne-red-300: #e7b6bf;
  --color-nocturne-red-400: #cc96a1;
  --color-nocturne-red-500: #b27c87;
  --color-nocturne-red-600: #98636e;
  --color-nocturne-red-700: #814e59;
  --color-nocturne-red-800: #673c45;
  --color-nocturne-red-900: #512c34;
  --color-nocturne-red-950: #351a20;
  --color-anise-biscotti: #e5d4b1;
  --color-anise-biscotti-50: #fdf3df;
  --color-anise-biscotti-100: #f3e9d3;
  --color-anise-biscotti-200: #e5d4b1;
  --color-anise-biscotti-300: #ccbea1;
  --color-anise-biscotti-400: #ae9f7f;
  --color-anise-biscotti-500: #938463;
  --color-anise-biscotti-600: #78694a;
  --color-anise-biscotti-700: #615337;
  --color-anise-biscotti-800: #4d4128;
  --color-anise-biscotti-900: #3b311c;
  --color-anise-biscotti-950: #251e0f;
  --color-brandywine-spritz: #dca0b4;
  --color-brandywine-spritz-50: #ffe7ee;
  --color-brandywine-spritz-100: #ffd5e2;
  --color-brandywine-spritz-200: #eebccc;
  --color-brandywine-spritz-300: #dca0b4;
  --color-brandywine-spritz-400: #bd8497;
  --color-brandywine-spritz-500: #a36b7e;
  --color-brandywine-spritz-600: #885466;
  --color-brandywine-spritz-700: #704152;
  --color-brandywine-spritz-800: #5b3241;
  --color-brandywine-spritz-900: #492633;
  --color-brandywine-spritz-950: #2f161f;
  --color-galactic-gossamer: #788cb1;
  --color-galactic-gossamer-50: #f2f6ff;
  --color-galactic-gossamer-100: #e4eeff;
  --color-galactic-gossamer-200: #cbdbf8;
  --color-galactic-gossamer-300: #b3c5e6;
  --color-galactic-gossamer-400: #93a7cb;
  --color-galactic-gossamer-500: #788cb1;
  --color-galactic-gossamer-600: #5d7094;
  --color-galactic-gossamer-700: #485979;
  --color-galactic-gossamer-800: #364561;
  --color-galactic-gossamer-900: #28344c;
  --color-galactic-gossamer-950: #172031;
}