Red Octopus to Pink Blush Color Palette

About this palette

Red Octopus to Pink Blush is a 4-color vintage palette: #6D3242 (Red Octopus), #0087A7 (Corfu Waters), #E8FFF4 (Snow White), #F0ACB5 (Pink Blush). It mixes red, blue, white, pink tones and feels warm overall. The strongest text pairing is #6D3242 on #E8FFF4 with a contrast ratio of 9.17:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Red Octopus	rgb(109, 50, 66)	hsl(344, 37%, 31%)
Corfu Waters	rgb(0, 135, 167)	hsl(191, 100%, 33%)
Snow White	rgb(232, 255, 244)	hsl(151, 100%, 95%)
Pink Blush	rgb(240, 172, 181)	hsl(352, 69%, 81%)

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.17:1 Very good#6D3242 on #E8FFF4
Aa9.17:1 Very good#E8FFF4 on #6D3242
Aa5.16:1 Good#6D3242 on #F0ACB5
Aa5.16:1 Good#F0ACB5 on #6D3242
Aa3.99:1 Poor#0087A7 on #E8FFF4
Aa3.99:1 Poor#E8FFF4 on #0087A7

Color blindness preview

CSS variables

/* Red Octopus to Pink Blush — https://swatchly.xyz/palette/6d3242-0087a7-e8fff4-f0acb5 */
:root {
  --red-octopus: #6d3242;
  --corfu-waters: #0087a7;
  --snow-white: #e8fff4;
  --pink-blush: #f0acb5;
}

Tailwind CSS v4

/* Red Octopus to Pink Blush — https://swatchly.xyz/palette/6d3242-0087a7-e8fff4-f0acb5 */
@theme {
  --color-red-octopus: #6d3242;
  --color-red-octopus-50: #fff1f4;
  --color-red-octopus-100: #ffe3e8;
  --color-red-octopus-200: #fdc7d2;
  --color-red-octopus-300: #ecafbc;
  --color-red-octopus-400: #d08e9d;
  --color-red-octopus-500: #b57383;
  --color-red-octopus-600: #995a69;
  --color-red-octopus-700: #7f4654;
  --color-red-octopus-800: #6d3242;
  --color-red-octopus-900: #532733;
  --color-red-octopus-950: #37171f;
  --color-corfu-waters: #0087a7;
  --color-corfu-waters-50: #e2f7ff;
  --color-corfu-waters-100: #c3efff;
  --color-corfu-waters-200: #92def8;
  --color-corfu-waters-300: #6dc6e4;
  --color-corfu-waters-400: #3ca5c5;
  --color-corfu-waters-500: #0087a7;
  --color-corfu-waters-600: #006d87;
  --color-corfu-waters-700: #00576c;
  --color-corfu-waters-800: #004456;
  --color-corfu-waters-900: #003544;
  --color-corfu-waters-950: #00222c;
  --color-snow-white: #e8fff4;
  --color-snow-white-50: #e8fff4;
  --color-snow-white-100: #e4f2eb;
  --color-snow-white-200: #ceded6;
  --color-snow-white-300: #b5c8bf;
  --color-snow-white-400: #94a89e;
  --color-snow-white-500: #788c83;
  --color-snow-white-600: #5d7168;
  --color-snow-white-700: #485a52;
  --color-snow-white-800: #37473f;
  --color-snow-white-900: #293630;
  --color-snow-white-950: #18221d;
  --color-pink-blush: #f0acb5;
  --color-pink-blush-50: #fff1f3;
  --color-pink-blush-100: #ffe4e6;
  --color-pink-blush-200: #fcc8ce;
  --color-pink-blush-300: #f0acb5;
  --color-pink-blush-400: #cd8e96;
  --color-pink-blush-500: #b1727b;
  --color-pink-blush-600: #945861;
  --color-pink-blush-700: #79434c;
  --color-pink-blush-800: #61323a;
  --color-pink-blush-900: #4c252c;
  --color-pink-blush-950: #32151a;
}