Sunken Ship to Blush Rush Color Palette

About this palette

Sunken Ship to Blush Rush is a 4-color vintage palette: #002429 (Sunken Ship), #00737E (Prismarine), #C07E76 (Old Rose), #F1BDBB (Blush Rush). It mixes turquoise, red, pink tones and feels balanced overall. The strongest text pairing is #002429 on #F1BDBB with a contrast ratio of 9.92:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sunken Ship	rgb(0, 36, 41)	hsl(187, 100%, 8%)
Prismarine	rgb(0, 115, 126)	hsl(185, 100%, 25%)
Old Rose	rgb(192, 126, 118)	hsl(6, 37%, 61%)
Blush Rush	rgb(241, 189, 187)	hsl(2, 66%, 84%)

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.

Aa9.92:1 Very good#002429 on #F1BDBB
Aa9.92:1 Very good#F1BDBB on #002429
Aa5.05:1 Good#002429 on #C07E76
Aa5.05:1 Good#C07E76 on #002429
Aa3.39:1 Poor#00737E on #F1BDBB
Aa3.39:1 Poor#F1BDBB on #00737E

Color blindness preview

CSS variables

/* Sunken Ship to Blush Rush — https://swatchly.xyz/palette/002429-00737e-c07e76-f1bdbb */
:root {
  --sunken-ship: #002429;
  --prismarine: #00737e;
  --old-rose: #c07e76;
  --blush-rush: #f1bdbb;
}

Tailwind CSS v4

/* Sunken Ship to Blush Rush — https://swatchly.xyz/palette/002429-00737e-c07e76-f1bdbb */
@theme {
  --color-sunken-ship: #002429;
  --color-sunken-ship-50: #e5fafd;
  --color-sunken-ship-100: #d9f0f4;
  --color-sunken-ship-200: #c2dee2;
  --color-sunken-ship-300: #a8c8cd;
  --color-sunken-ship-400: #86a9ae;
  --color-sunken-ship-500: #698d93;
  --color-sunken-ship-600: #507278;
  --color-sunken-ship-700: #3b5b60;
  --color-sunken-ship-800: #2b474c;
  --color-sunken-ship-900: #1f373b;
  --color-sunken-ship-950: #002429;
  --color-prismarine: #00737e;
  --color-prismarine-50: #dffbff;
  --color-prismarine-100: #c0f5fc;
  --color-prismarine-200: #a2e2eb;
  --color-prismarine-300: #81ccd6;
  --color-prismarine-400: #56acb7;
  --color-prismarine-500: #328f9a;
  --color-prismarine-600: #00737e;
  --color-prismarine-700: #005b64;
  --color-prismarine-800: #00474f;
  --color-prismarine-900: #00373d;
  --color-prismarine-950: #002327;
  --color-old-rose: #c07e76;
  --color-old-rose-50: #fff5f3;
  --color-old-rose-100: #ffeae7;
  --color-old-rose-200: #ffd1cb;
  --color-old-rose-300: #f3b9b1;
  --color-old-rose-400: #d99991;
  --color-old-rose-500: #c07e76;
  --color-old-rose-600: #a1625a;
  --color-old-rose-700: #844a44;
  --color-old-rose-800: #693732;
  --color-old-rose-900: #522824;
  --color-old-rose-950: #351714;
  --color-blush-rush: #f1bdbb;
  --color-blush-rush-50: #fff9f9;
  --color-blush-rush-100: #ffeeed;
  --color-blush-rush-200: #fbd7d5;
  --color-blush-rush-300: #f1bdbb;
  --color-blush-rush-400: #cc9d9b;
  --color-blush-rush-500: #af7f7d;
  --color-blush-rush-600: #916362;
  --color-blush-rush-700: #754c4b;
  --color-blush-rush-800: #5c3938;
  --color-blush-rush-900: #472929;
  --color-blush-rush-950: #2e1818;
}