Sunken Ship to Grapes of Italy Color Palette

About this palette

Sunken Ship to Grapes of Italy is a 4-color cool palette: #002724 (Sunken Ship), #FFDAB6 (Pandora’s Box), #AE7BC0 (Wisteria), #6C4A90 (Grapes of Italy). It mixes turquoise, orange, purple tones and feels cool overall. The strongest text pairing is #002724 on #FFDAB6 with a contrast ratio of 12.13:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sunken Ship	rgb(0, 39, 36)	hsl(175, 100%, 8%)
Pandora’s Box	rgb(255, 218, 182)	hsl(30, 100%, 86%)
Wisteria	rgb(174, 123, 192)	hsl(284, 35%, 62%)
Grapes of Italy	rgb(108, 74, 144)	hsl(269, 32%, 43%)

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.

Aa12.13:1 Super#002724 on #FFDAB6
Aa12.13:1 Super#FFDAB6 on #002724
Aa5.28:1 Good#FFDAB6 on #6C4A90
Aa5.28:1 Good#6C4A90 on #FFDAB6
Aa4.86:1 Good#002724 on #AE7BC0
Aa4.86:1 Good#AE7BC0 on #002724

Color blindness preview

CSS variables

/* Sunken Ship to Grapes of Italy — https://swatchly.xyz/palette/002724-ffdab6-ae7bc0-6c4a90 */
:root {
  --sunken-ship: #002724;
  --pandora-s-box: #ffdab6;
  --wisteria: #ae7bc0;
  --grapes-of-italy: #6c4a90;
}

Tailwind CSS v4

/* Sunken Ship to Grapes of Italy — https://swatchly.xyz/palette/002724-ffdab6-ae7bc0-6c4a90 */
@theme {
  --color-sunken-ship: #002724;
  --color-sunken-ship-50: #e4fbf8;
  --color-sunken-ship-100: #d8f1ee;
  --color-sunken-ship-200: #c1dfdb;
  --color-sunken-ship-300: #a7c9c5;
  --color-sunken-ship-400: #85aaa6;
  --color-sunken-ship-500: #698f8b;
  --color-sunken-ship-600: #507570;
  --color-sunken-ship-700: #3c5d5a;
  --color-sunken-ship-800: #2c4a47;
  --color-sunken-ship-900: #203937;
  --color-sunken-ship-950: #002724;
  --color-pandora-s-box: #ffdab6;
  --color-pandora-s-box-50: #ffe9d3;
  --color-pandora-s-box-100: #ffdab6;
  --color-pandora-s-box-200: #e6caae;
  --color-pandora-s-box-300: #d4b496;
  --color-pandora-s-box-400: #b79675;
  --color-pandora-s-box-500: #9d7c5b;
  --color-pandora-s-box-600: #836343;
  --color-pandora-s-box-700: #6b4f31;
  --color-pandora-s-box-800: #563d23;
  --color-pandora-s-box-900: #432e18;
  --color-pandora-s-box-950: #2b1c0c;
  --color-wisteria: #ae7bc0;
  --color-wisteria-50: #fcf4ff;
  --color-wisteria-100: #f9e9ff;
  --color-wisteria-200: #f2cfff;
  --color-wisteria-300: #e2b7f2;
  --color-wisteria-400: #c796d8;
  --color-wisteria-500: #ae7bc0;
  --color-wisteria-600: #905fa1;
  --color-wisteria-700: #754784;
  --color-wisteria-800: #5d346a;
  --color-wisteria-900: #482653;
  --color-wisteria-950: #2d1536;
  --color-grapes-of-italy: #6c4a90;
  --color-grapes-of-italy-50: #f8f2ff;
  --color-grapes-of-italy-100: #f0e6ff;
  --color-grapes-of-italy-200: #e3ceff;
  --color-grapes-of-italy-300: #d2b4f6;
  --color-grapes-of-italy-400: #b594dd;
  --color-grapes-of-italy-500: #9c79c3;
  --color-grapes-of-italy-600: #8260a7;
  --color-grapes-of-italy-700: #6c4a90;
  --color-grapes-of-italy-800: #553873;
  --color-grapes-of-italy-900: #422a5c;
  --color-grapes-of-italy-950: #2a183d;
}