Grapes of Italy to Captain Kirk color palette

734E94Grapes of Italy 3CCC68Seaweed 47257BMystic Nights FFD87ACrème Pâtissière 988800Captain Kirk

About this palette

Grapes of Italy to Captain Kirk is a 5-color cool palette: #734E94 (Grapes of Italy), #3CCC68 (Seaweed), #47257B (Mystic Nights), #FFD87A (Crème Pâtissière), #988800 (Captain Kirk). It mixes purple, green, yellow tones and feels cool overall. The strongest text pairing is #47257B on #FFD87A with a contrast ratio of 8.44:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Grapes of Italy	rgb(115, 78, 148)	hsl(272, 31%, 44%)
Seaweed	rgb(60, 204, 104)	hsl(138, 59%, 52%)
Mystic Nights	rgb(71, 37, 123)	hsl(264, 54%, 31%)
Crème Pâtissière	rgb(255, 216, 122)	hsl(42, 100%, 74%)
Captain Kirk	rgb(152, 136, 0)	hsl(54, 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.

Aa8.44:1 Very good#47257B on #FFD87A
Aa8.44:1 Very good#FFD87A on #47257B
Aa5.51:1 Good#3CCC68 on #47257B
Aa5.51:1 Good#47257B on #3CCC68
Aa4.73:1 Good#734E94 on #FFD87A
Aa4.73:1 Good#FFD87A on #734E94
Aa3.22:1 Poor#47257B on #988800
Aa3.22:1 Poor#988800 on #47257B

Color blindness preview

CSS variables

/* Grapes of Italy to Captain Kirk — https://swatchly.xyz/palette/734e94-3ccc68-47257b-ffd87a-988800 */
:root {
  --grapes-of-italy: #734e94;
  --seaweed: #3ccc68;
  --mystic-nights: #47257b;
  --cr-me-p-tissi-re: #ffd87a;
  --captain-kirk: #988800;
}

Tailwind CSS v4

/* Grapes of Italy to Captain Kirk — https://swatchly.xyz/palette/734e94-3ccc68-47257b-ffd87a-988800 */
@theme {
  --color-grapes-of-italy: #734e94;
  --color-grapes-of-italy-50: #f8f2ff;
  --color-grapes-of-italy-100: #f0e3ff;
  --color-grapes-of-italy-200: #e2c6ff;
  --color-grapes-of-italy-300: #ccaaee;
  --color-grapes-of-italy-400: #ac87d0;
  --color-grapes-of-italy-500: #8f6ab2;
  --color-grapes-of-italy-600: #734e94;
  --color-grapes-of-italy-700: #5c3c78;
  --color-grapes-of-italy-800: #492d61;
  --color-grapes-of-italy-900: #39214e;
  --color-grapes-of-italy-950: #241333;
  --color-seaweed: #3ccc68;
  --color-seaweed-50: #edffef;
  --color-seaweed-100: #d2ffd9;
  --color-seaweed-200: #a0f8b1;
  --color-seaweed-300: #7ee694;
  --color-seaweed-400: #3ccc68;
  --color-seaweed-500: #00ac4c;
  --color-seaweed-600: #008b3b;
  --color-seaweed-700: #006e2d;
  --color-seaweed-800: #005521;
  --color-seaweed-900: #004118;
  --color-seaweed-950: #00280c;
  --color-mystic-nights: #47257b;
  --color-mystic-nights-50: #f6f3ff;
  --color-mystic-nights-100: #ede7ff;
  --color-mystic-nights-200: #dccfff;
  --color-mystic-nights-300: #c7b1ff;
  --color-mystic-nights-400: #a98ce8;
  --color-mystic-nights-500: #8d6fcb;
  --color-mystic-nights-600: #7154ab;
  --color-mystic-nights-700: #593e8c;
  --color-mystic-nights-800: #47257b;
  --color-mystic-nights-900: #352059;
  --color-mystic-nights-950: #21123a;
  --color-cr-me-p-tissi-re: #ffd87a;
  --color-cr-me-p-tissi-re-50: #fff8e9;
  --color-cr-me-p-tissi-re-100: #ffeec8;
  --color-cr-me-p-tissi-re-200: #ffd87a;
  --color-cr-me-p-tissi-re-300: #e1c276;
  --color-cr-me-p-tissi-re-400: #c4a047;
  --color-cr-me-p-tissi-re-500: #a8831a;
  --color-cr-me-p-tissi-re-600: #886800;
  --color-cr-me-p-tissi-re-700: #6c5200;
  --color-cr-me-p-tissi-re-800: #543f00;
  --color-cr-me-p-tissi-re-900: #413000;
  --color-cr-me-p-tissi-re-950: #291d00;
  --color-captain-kirk: #988800;
  --color-captain-kirk-50: #fff7c1;
  --color-captain-kirk-100: #f6eeb0;
  --color-captain-kirk-200: #e5da8f;
  --color-captain-kirk-300: #d1c46c;
  --color-captain-kirk-400: #b3a43b;
  --color-captain-kirk-500: #988800;
  --color-captain-kirk-600: #7a6d00;
  --color-captain-kirk-700: #615600;
  --color-captain-kirk-800: #4c4300;
  --color-captain-kirk-900: #3b3400;
  --color-captain-kirk-950: #252000;
}