Start generating

Sunken Ship to Pink Glitter color palette

052429Sunken Ship4C3F0EAlligator Gladiator387382Calypso7B8BC6Galactic GossamerBECBF6Frost FairyFFE1D6Pink Glitter
Open in generator Export PNG, PDF, ASE…

About this palette

Sunken Ship to Pink Glitter is a 6-color muted, cool palette: #052429 (Sunken Ship), #4C3F0E (Alligator Gladiator), #387382 (Calypso), #7B8BC6 (Galactic Gossamer), #BECBF6 (Frost Fairy), #FFE1D6 (Pink Glitter). It mixes turquoise, brown, blue, orange tones and feels cool overall. The strongest text pairing is #052429 on #FFE1D6 with a contrast ratio of 13.16:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Sunken Shiprgb(5, 36, 41)hsl(188, 78%, 9%)
Alligator Gladiatorrgb(76, 63, 14)hsl(47, 69%, 18%)
Calypsorgb(56, 115, 130)hsl(192, 40%, 36%)
Galactic Gossamerrgb(123, 139, 198)hsl(227, 40%, 63%)
Frost Fairyrgb(190, 203, 246)hsl(226, 76%, 85%)
Pink Glitterrgb(255, 225, 214)hsl(16, 100%, 92%)

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.

  • Aa13.16:1 Super#052429 on #FFE1D6
  • Aa13.16:1 Super#FFE1D6 on #052429
  • Aa10.12:1 Very good#052429 on #BECBF6
  • Aa10.12:1 Very good#BECBF6 on #052429
  • Aa8.39:1 Very good#4C3F0E on #FFE1D6
  • Aa8.39:1 Very good#FFE1D6 on #4C3F0E
  • Aa6.45:1 Good#4C3F0E on #BECBF6
  • Aa6.45:1 Good#BECBF6 on #4C3F0E

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Sunken Ship to Pink Glitter — https://swatchly.xyz/palette/052429-4c3f0e-387382-7b8bc6-becbf6-ffe1d6 */
:root {
  --sunken-ship: #052429;
  --alligator-gladiator: #4c3f0e;
  --calypso: #387382;
  --galactic-gossamer: #7b8bc6;
  --frost-fairy: #becbf6;
  --pink-glitter: #ffe1d6;
}

Tailwind CSS v4

/* Sunken Ship to Pink Glitter — https://swatchly.xyz/palette/052429-4c3f0e-387382-7b8bc6-becbf6-ffe1d6 */
@theme {
  --color-sunken-ship: #052429;
  --color-sunken-ship-50: #e7f9fd;
  --color-sunken-ship-100: #dbf0f4;
  --color-sunken-ship-200: #c4dde1;
  --color-sunken-ship-300: #abc7cc;
  --color-sunken-ship-400: #89a8ae;
  --color-sunken-ship-500: #6d8d92;
  --color-sunken-ship-600: #537277;
  --color-sunken-ship-700: #3f5b60;
  --color-sunken-ship-800: #2f474c;
  --color-sunken-ship-900: #22373b;
  --color-sunken-ship-950: #052429;
  --color-alligator-gladiator: #4c3f0e;
  --color-alligator-gladiator-50: #fdf5da;
  --color-alligator-gladiator-100: #f4ebcc;
  --color-alligator-gladiator-200: #e2d8b3;
  --color-alligator-gladiator-300: #cdc097;
  --color-alligator-gladiator-400: #aea072;
  --color-alligator-gladiator-500: #928455;
  --color-alligator-gladiator-600: #776a3c;
  --color-alligator-gladiator-700: #5f5329;
  --color-alligator-gladiator-800: #4c3f0e;
  --color-alligator-gladiator-900: #393011;
  --color-alligator-gladiator-950: #241d07;
  --color-calypso: #387382;
  --color-calypso-50: #e5f9ff;
  --color-calypso-100: #cdf2fd;
  --color-calypso-200: #b3dfec;
  --color-calypso-300: #97c9d7;
  --color-calypso-400: #71aab9;
  --color-calypso-500: #548e9e;
  --color-calypso-600: #387382;
  --color-calypso-700: #265c69;
  --color-calypso-800: #184854;
  --color-calypso-900: #0e3842;
  --color-calypso-950: #05232a;
  --color-galactic-gossamer: #7b8bc6;
  --color-galactic-gossamer-50: #f4f6ff;
  --color-galactic-gossamer-100: #e8eeff;
  --color-galactic-gossamer-200: #d0dbff;
  --color-galactic-gossamer-300: #b5c5f8;
  --color-galactic-gossamer-400: #96a6df;
  --color-galactic-gossamer-500: #7b8bc6;
  --color-galactic-gossamer-600: #606fa7;
  --color-galactic-gossamer-700: #4a578a;
  --color-galactic-gossamer-800: #384370;
  --color-galactic-gossamer-900: #293258;
  --color-galactic-gossamer-950: #181e39;
  --color-frost-fairy: #becbf6;
  --color-frost-fairy-50: #e8edff;
  --color-frost-fairy-100: #d8e1ff;
  --color-frost-fairy-200: #becbf6;
  --color-frost-fairy-300: #abb7dc;
  --color-frost-fairy-400: #8d99c1;
  --color-frost-fairy-500: #747fa7;
  --color-frost-fairy-600: #5c678c;
  --color-frost-fairy-700: #485274;
  --color-frost-fairy-800: #38415e;
  --color-frost-fairy-900: #2a314a;
  --color-frost-fairy-950: #191e30;
  --color-pink-glitter: #ffe1d6;
  --color-pink-glitter-50: #ffefe9;
  --color-pink-glitter-100: #ffe1d6;
  --color-pink-glitter-200: #e6d0c8;
  --color-pink-glitter-300: #d2b9b0;
  --color-pink-glitter-400: #b49990;
  --color-pink-glitter-500: #997f75;
  --color-pink-glitter-600: #7e655c;
  --color-pink-glitter-700: #664f47;
  --color-pink-glitter-800: #513d36;
  --color-pink-glitter-900: #3f2e28;
  --color-pink-glitter-950: #281c18;
}

Similar palettes