Crown Jewels to Cape Verde color palette

8C75B5Crown Jewels E4908AStrawberry Memory 1B192ADark Knight F1F5D9Final Departure 005255Cape Verde

About this palette

Crown Jewels to Cape Verde is a 5-color vintage palette: #8C75B5 (Crown Jewels), #E4908A (Strawberry Memory), #1B192A (Dark Knight), #F1F5D9 (Final Departure), #005255 (Cape Verde). It mixes purple, red, gray, white, turquoise tones and feels balanced overall. The strongest text pairing is #1B192A on #F1F5D9 with a contrast ratio of 15.42:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Crown Jewels	rgb(140, 117, 181)	hsl(262, 30%, 58%)
Strawberry Memory	rgb(228, 144, 138)	hsl(4, 63%, 72%)
Dark Knight	rgb(27, 25, 42)	hsl(247, 25%, 13%)
Final Departure	rgb(241, 245, 217)	hsl(69, 58%, 91%)
Cape Verde	rgb(0, 82, 85)	hsl(182, 100%, 17%)

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.

Aa15.42:1 Super#1B192A on #F1F5D9
Aa15.42:1 Super#F1F5D9 on #1B192A
Aa8.04:1 Very good#F1F5D9 on #005255
Aa8.04:1 Very good#005255 on #F1F5D9
Aa7.10:1 Very good#E4908A on #1B192A
Aa7.10:1 Very good#1B192A on #E4908A
Aa4.37:1 Poor#8C75B5 on #1B192A
Aa4.37:1 Poor#1B192A on #8C75B5

Color blindness preview

CSS variables

/* Crown Jewels to Cape Verde — https://swatchly.xyz/palette/8c75b5-e4908a-1b192a-f1f5d9-005255 */
:root {
  --crown-jewels: #8c75b5;
  --strawberry-memory: #e4908a;
  --dark-knight: #1b192a;
  --final-departure: #f1f5d9;
  --cape-verde: #005255;
}

Tailwind CSS v4

/* Crown Jewels to Cape Verde — https://swatchly.xyz/palette/8c75b5-e4908a-1b192a-f1f5d9-005255 */
@theme {
  --color-crown-jewels: #8c75b5;
  --color-crown-jewels-50: #f6f2ff;
  --color-crown-jewels-100: #ede5ff;
  --color-crown-jewels-200: #ddccff;
  --color-crown-jewels-300: #c7b3ee;
  --color-crown-jewels-400: #a891d1;
  --color-crown-jewels-500: #8c75b5;
  --color-crown-jewels-600: #725c98;
  --color-crown-jewels-700: #5b477d;
  --color-crown-jewels-800: #483665;
  --color-crown-jewels-900: #382851;
  --color-crown-jewels-950: #231835;
  --color-strawberry-memory: #e4908a;
  --color-strawberry-memory-50: #fff6f5;
  --color-strawberry-memory-100: #ffeae8;
  --color-strawberry-memory-200: #ffd1cd;
  --color-strawberry-memory-300: #fbb3ad;
  --color-strawberry-memory-400: #e4908a;
  --color-strawberry-memory-500: #c4736e;
  --color-strawberry-memory-600: #a55753;
  --color-strawberry-memory-700: #87413e;
  --color-strawberry-memory-800: #6c2f2d;
  --color-strawberry-memory-900: #552120;
  --color-strawberry-memory-950: #361211;
  --color-dark-knight: #1b192a;
  --color-dark-knight-50: #f4f4ff;
  --color-dark-knight-100: #eae9f8;
  --color-dark-knight-200: #d6d5e7;
  --color-dark-knight-300: #c0bed2;
  --color-dark-knight-400: #a09fb4;
  --color-dark-knight-500: #848398;
  --color-dark-knight-600: #69687c;
  --color-dark-knight-700: #525163;
  --color-dark-knight-800: #3f3d4d;
  --color-dark-knight-900: #2f2e3b;
  --color-dark-knight-950: #1b192a;
  --color-final-departure: #f1f5d9;
  --color-final-departure-50: #f1f5d9;
  --color-final-departure-100: #e8ead9;
  --color-final-departure-200: #d5d8c3;
  --color-final-departure-300: #bfc2ab;
  --color-final-departure-400: #a0a38a;
  --color-final-departure-500: #85886f;
  --color-final-departure-600: #6b6e56;
  --color-final-departure-700: #555842;
  --color-final-departure-800: #424431;
  --color-final-departure-900: #333524;
  --color-final-departure-950: #1f2015;
  --color-cape-verde: #005255;
  --color-cape-verde-50: #d9fdff;
  --color-cape-verde-100: #ccf4f6;
  --color-cape-verde-200: #b2e2e4;
  --color-cape-verde-300: #96ced0;
  --color-cape-verde-400: #71b0b3;
  --color-cape-verde-500: #549698;
  --color-cape-verde-600: #397b7e;
  --color-cape-verde-700: #256467;
  --color-cape-verde-800: #005255;
  --color-cape-verde-900: #0a3f41;
  --color-cape-verde-950: #03282a;
}