Sunken Ship to Snow White color palette

13262CSunken Ship 47342FDark Rum 6C5979Plummy A0847CEarthbound AAB8A1Salvia F0FDE9Snow White

About this palette

Sunken Ship to Snow White is a 6-color muted, gradient palette: #13262C (Sunken Ship), #47342F (Dark Rum), #6C5979 (Plummy), #A0847C (Earthbound), #AAB8A1 (Salvia), #F0FDE9 (Snow White). It mixes gray, purple, red, green, white tones and feels cool overall. The strongest text pairing is #13262C on #F0FDE9 with a contrast ratio of 14.86:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sunken Ship	rgb(19, 38, 44)	hsl(194, 40%, 12%)
Dark Rum	rgb(71, 52, 47)	hsl(12, 20%, 23%)
Plummy	rgb(108, 89, 121)	hsl(276, 15%, 41%)
Earthbound	rgb(160, 132, 124)	hsl(13, 16%, 56%)
Salvia	rgb(170, 184, 161)	hsl(97, 14%, 68%)
Snow White	rgb(240, 253, 233)	hsl(99, 83%, 95%)

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.

Aa14.86:1 Super#13262C on #F0FDE9
Aa14.86:1 Super#F0FDE9 on #13262C
Aa11.07:1 Very good#47342F on #F0FDE9
Aa11.07:1 Very good#F0FDE9 on #47342F
Aa7.52:1 Very good#13262C on #AAB8A1
Aa7.52:1 Very good#AAB8A1 on #13262C
Aa5.96:1 Good#6C5979 on #F0FDE9
Aa5.96:1 Good#F0FDE9 on #6C5979

Color blindness preview

CSS variables

/* Sunken Ship to Snow White — https://swatchly.xyz/palette/13262c-47342f-6c5979-a0847c-aab8a1-f0fde9 */
:root {
  --sunken-ship: #13262c;
  --dark-rum: #47342f;
  --plummy: #6c5979;
  --earthbound: #a0847c;
  --salvia: #aab8a1;
  --snow-white: #f0fde9;
}

Tailwind CSS v4

/* Sunken Ship to Snow White — https://swatchly.xyz/palette/13262c-47342f-6c5979-a0847c-aab8a1-f0fde9 */
@theme {
  --color-sunken-ship: #13262c;
  --color-sunken-ship-50: #ebf8fc;
  --color-sunken-ship-100: #e0eef3;
  --color-sunken-ship-200: #cadbe1;
  --color-sunken-ship-300: #b1c5cb;
  --color-sunken-ship-400: #90a6ad;
  --color-sunken-ship-500: #758b92;
  --color-sunken-ship-600: #5c7178;
  --color-sunken-ship-700: #485b61;
  --color-sunken-ship-800: #37484e;
  --color-sunken-ship-900: #2a393e;
  --color-sunken-ship-950: #13262c;
  --color-dark-rum: #47342f;
  --color-dark-rum-50: #fff2ee;
  --color-dark-rum-100: #f7e7e3;
  --color-dark-rum-200: #e5d3ce;
  --color-dark-rum-300: #d0bcb6;
  --color-dark-rum-400: #b39d97;
  --color-dark-rum-500: #99837d;
  --color-dark-rum-600: #7f6a64;
  --color-dark-rum-700: #685550;
  --color-dark-rum-800: #55433f;
  --color-dark-rum-900: #47342f;
  --color-dark-rum-950: #2c211e;
  --color-plummy: #6c5979;
  --color-plummy-50: #f9f2ff;
  --color-plummy-100: #f1e3fb;
  --color-plummy-200: #ddcce8;
  --color-plummy-300: #c5b3d3;
  --color-plummy-400: #a591b3;
  --color-plummy-500: #887496;
  --color-plummy-600: #6c5979;
  --color-plummy-700: #564661;
  --color-plummy-800: #44364d;
  --color-plummy-900: #35293d;
  --color-plummy-950: #211827;
  --color-earthbound: #a0847c;
  --color-earthbound-50: #fff3f0;
  --color-earthbound-100: #fbe8e3;
  --color-earthbound-200: #ebd5ce;
  --color-earthbound-300: #d7beb7;
  --color-earthbound-400: #ba9f97;
  --color-earthbound-500: #a0847c;
  --color-earthbound-600: #836961;
  --color-earthbound-700: #6a524b;
  --color-earthbound-800: #543f39;
  --color-earthbound-900: #412f2a;
  --color-earthbound-950: #291c19;
  --color-salvia: #aab8a1;
  --color-salvia-50: #e8f1e3;
  --color-salvia-100: #dbe5d5;
  --color-salvia-200: #c4d0bd;
  --color-salvia-300: #aab8a1;
  --color-salvia-400: #8e9b85;
  --color-salvia-500: #75826d;
  --color-salvia-600: #5e6a56;
  --color-salvia-700: #4a5543;
  --color-salvia-800: #3a4434;
  --color-salvia-900: #2e3628;
  --color-salvia-950: #1b2117;
  --color-snow-white: #f0fde9;
  --color-snow-white-50: #f0fde9;
  --color-snow-white-100: #e9f1e5;
  --color-snow-white-200: #d4ddcf;
  --color-snow-white-300: #bcc6b6;
  --color-snow-white-400: #9ba795;
  --color-snow-white-500: #7f8b79;
  --color-snow-white-600: #65705f;
  --color-snow-white-700: #4f594a;
  --color-snow-white-800: #3d4538;
  --color-snow-white-900: #2e352a;
  --color-snow-white-950: #1c2119;
}