Start generating

Girlie to Sunken Ship color palette

FFD3D1GirlieE59F99She Loves PinkB5666DHer Velour007674Prismarine153F40Botanical Night002223Sunken Ship
Open in generator Export PNG, PDF, ASE…

About this palette

Girlie to Sunken Ship is a 6-color vintage palette: #FFD3D1 (Girlie), #E59F99 (She Loves Pink), #B5666D (Her Velour), #007674 (Prismarine), #153F40 (Botanical Night), #002223 (Sunken Ship). It mixes pink, red, turquoise tones and feels balanced overall. The strongest text pairing is #FFD3D1 on #002223 with a contrast ratio of 12.36:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Girliergb(255, 211, 209)hsl(3, 100%, 91%)
She Loves Pinkrgb(229, 159, 153)hsl(5, 59%, 75%)
Her Velourrgb(181, 102, 109)hsl(355, 35%, 55%)
Prismarinergb(0, 118, 116)hsl(179, 100%, 23%)
Botanical Nightrgb(21, 63, 64)hsl(181, 51%, 17%)
Sunken Shiprgb(0, 34, 35)hsl(182, 100%, 7%)

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.36:1 Super#FFD3D1 on #002223
  • Aa12.36:1 Super#002223 on #FFD3D1
  • Aa8.53:1 Very good#FFD3D1 on #153F40
  • Aa8.53:1 Very good#153F40 on #FFD3D1
  • Aa7.78:1 Very good#E59F99 on #002223
  • Aa7.78:1 Very good#002223 on #E59F99
  • Aa5.37:1 Good#E59F99 on #153F40
  • Aa5.37:1 Good#153F40 on #E59F99

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Girlie to Sunken Ship — https://swatchly.xyz/palette/ffd3d1-e59f99-b5666d-007674-153f40-002223 */
:root {
  --girlie: #ffd3d1;
  --she-loves-pink: #e59f99;
  --her-velour: #b5666d;
  --prismarine: #007674;
  --botanical-night: #153f40;
  --sunken-ship: #002223;
}

Tailwind CSS v4

/* Girlie to Sunken Ship — https://swatchly.xyz/palette/ffd3d1-e59f99-b5666d-007674-153f40-002223 */
@theme {
  --color-girlie: #ffd3d1;
  --color-girlie-50: #fff9f8;
  --color-girlie-100: #ffedec;
  --color-girlie-200: #ffd3d1;
  --color-girlie-300: #e1bdbc;
  --color-girlie-400: #c39b9a;
  --color-girlie-500: #a67e7d;
  --color-girlie-600: #896362;
  --color-girlie-700: #6e4c4b;
  --color-girlie-800: #573a39;
  --color-girlie-900: #442b2b;
  --color-girlie-950: #2b1a19;
  --color-she-loves-pink: #e59f99;
  --color-she-loves-pink-50: #ffe8e6;
  --color-she-loves-pink-100: #ffd7d3;
  --color-she-loves-pink-200: #f6bcb6;
  --color-she-loves-pink-300: #e59f99;
  --color-she-loves-pink-400: #c5837d;
  --color-she-loves-pink-500: #ab6a65;
  --color-she-loves-pink-600: #8f524e;
  --color-she-loves-pink-700: #763f3c;
  --color-she-loves-pink-800: #61302e;
  --color-she-loves-pink-900: #4e2522;
  --color-she-loves-pink-950: #331513;
  --color-her-velour: #b5666d;
  --color-her-velour-50: #fff0f0;
  --color-her-velour-100: #ffe1e2;
  --color-her-velour-200: #ffc2c6;
  --color-her-velour-300: #f0a6ab;
  --color-her-velour-400: #d38389;
  --color-her-velour-500: #b5666d;
  --color-her-velour-600: #984e55;
  --color-her-velour-700: #7d3a41;
  --color-her-velour-800: #652b31;
  --color-her-velour-900: #501f25;
  --color-her-velour-950: #351116;
  --color-prismarine: #007674;
  --color-prismarine-50: #d5fffd;
  --color-prismarine-100: #c0f6f4;
  --color-prismarine-200: #a2e4e1;
  --color-prismarine-300: #81cecb;
  --color-prismarine-400: #56afac;
  --color-prismarine-500: #329290;
  --color-prismarine-600: #007674;
  --color-prismarine-700: #005e5c;
  --color-prismarine-800: #004948;
  --color-prismarine-900: #003938;
  --color-prismarine-950: #002423;
  --color-botanical-night: #153f40;
  --color-botanical-night-50: #e3fbfb;
  --color-botanical-night-100: #d6f1f2;
  --color-botanical-night-200: #bfdfdf;
  --color-botanical-night-300: #a4c9ca;
  --color-botanical-night-400: #83abac;
  --color-botanical-night-500: #679192;
  --color-botanical-night-600: #4e7778;
  --color-botanical-night-700: #3b6061;
  --color-botanical-night-800: #2b4d4e;
  --color-botanical-night-900: #153f40;
  --color-botanical-night-950: #112728;
  --color-sunken-ship: #002223;
  --color-sunken-ship-50: #e6fafa;
  --color-sunken-ship-100: #daf1f1;
  --color-sunken-ship-200: #c3dede;
  --color-sunken-ship-300: #a9c8c8;
  --color-sunken-ship-400: #87a9aa;
  --color-sunken-ship-500: #6a8d8e;
  --color-sunken-ship-600: #507272;
  --color-sunken-ship-700: #3c5a5b;
  --color-sunken-ship-800: #2b4646;
  --color-sunken-ship-900: #1f3535;
  --color-sunken-ship-950: #002223;
}

Similar palettes