Start generating

Pirate’s Hook to Godzilla color palette

B19046Pirate’s HookC4D582Alligator Alley272512Underworld965E39Gingerbread CrumbleE5B089Manhattan454F01Godzilla
Open in generator Export PNG, PDF, ASE…

About this palette

Pirate’s Hook to Godzilla is a 6-color earthy, vintage palette: #B19046 (Pirate’s Hook), #C4D582 (Alligator Alley), #272512 (Underworld), #965E39 (Gingerbread Crumble), #E5B089 (Manhattan), #454F01 (Godzilla). It mixes yellow, green, gray, brown, orange tones and feels warm overall. The strongest text pairing is #C4D582 on #272512 with a contrast ratio of 9.70:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Pirate’s Hookrgb(177, 144, 70)hsl(41, 43%, 48%)
Alligator Alleyrgb(196, 213, 130)hsl(72, 50%, 67%)
Underworldrgb(39, 37, 18)hsl(54, 37%, 11%)
Gingerbread Crumblergb(150, 94, 57)hsl(24, 45%, 41%)
Manhattanrgb(229, 176, 137)hsl(25, 64%, 72%)
Godzillargb(69, 79, 1)hsl(68, 98%, 16%)

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.70:1 Very good#C4D582 on #272512
  • Aa9.70:1 Very good#272512 on #C4D582
  • Aa8.02:1 Very good#272512 on #E5B089
  • Aa8.02:1 Very good#E5B089 on #272512
  • Aa5.56:1 Good#C4D582 on #454F01
  • Aa5.56:1 Good#454F01 on #C4D582
  • Aa5.11:1 Good#B19046 on #272512
  • Aa5.11:1 Good#272512 on #B19046

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Pirate’s Hook to Godzilla — https://swatchly.xyz/palette/b19046-c4d582-272512-965e39-e5b089-454f01 */
:root {
  --pirate-s-hook: #b19046;
  --alligator-alley: #c4d582;
  --underworld: #272512;
  --gingerbread-crumble: #965e39;
  --manhattan: #e5b089;
  --godzilla: #454f01;
}

Tailwind CSS v4

/* Pirate’s Hook to Godzilla — https://swatchly.xyz/palette/b19046-c4d582-272512-965e39-e5b089-454f01 */
@theme {
  --color-pirate-s-hook: #b19046;
  --color-pirate-s-hook-50: #ffefce;
  --color-pirate-s-hook-100: #f9e2b2;
  --color-pirate-s-hook-200: #e6cb92;
  --color-pirate-s-hook-300: #d0b271;
  --color-pirate-s-hook-400: #b19046;
  --color-pirate-s-hook-500: #97772b;
  --color-pirate-s-hook-600: #7d5f0f;
  --color-pirate-s-hook-700: #654b00;
  --color-pirate-s-hook-800: #513b00;
  --color-pirate-s-hook-900: #402e00;
  --color-pirate-s-hook-950: #2a1d00;
  --color-alligator-alley: #c4d582;
  --color-alligator-alley-50: #f7ffde;
  --color-alligator-alley-100: #eef9ca;
  --color-alligator-alley-200: #dbe8af;
  --color-alligator-alley-300: #c4d582;
  --color-alligator-alley-400: #a3b366;
  --color-alligator-alley-500: #869544;
  --color-alligator-alley-600: #6b7826;
  --color-alligator-alley-700: #535f0d;
  --color-alligator-alley-800: #404a00;
  --color-alligator-alley-900: #303800;
  --color-alligator-alley-950: #1d2300;
  --color-underworld: #272512;
  --color-underworld-50: #f7f6e9;
  --color-underworld-100: #edecdd;
  --color-underworld-200: #dad8c7;
  --color-underworld-300: #c4c2ae;
  --color-underworld-400: #a5a38d;
  --color-underworld-500: #8a8872;
  --color-underworld-600: #716f5a;
  --color-underworld-700: #5b5946;
  --color-underworld-800: #494736;
  --color-underworld-900: #393829;
  --color-underworld-950: #272512;
  --color-gingerbread-crumble: #965e39;
  --color-gingerbread-crumble-50: #fff2eb;
  --color-gingerbread-crumble-100: #ffe6d7;
  --color-gingerbread-crumble-200: #fccdb0;
  --color-gingerbread-crumble-300: #eab594;
  --color-gingerbread-crumble-400: #ce9470;
  --color-gingerbread-crumble-500: #b27853;
  --color-gingerbread-crumble-600: #965e39;
  --color-gingerbread-crumble-700: #7a4827;
  --color-gingerbread-crumble-800: #623718;
  --color-gingerbread-crumble-900: #4e290e;
  --color-gingerbread-crumble-950: #321805;
  --color-manhattan: #e5b089;
  --color-manhattan-50: #fff0e5;
  --color-manhattan-100: #ffe2cd;
  --color-manhattan-200: #f4caad;
  --color-manhattan-300: #e5b089;
  --color-manhattan-400: #c4926d;
  --color-manhattan-500: #a97752;
  --color-manhattan-600: #8c5e3a;
  --color-manhattan-700: #734927;
  --color-manhattan-800: #5d381a;
  --color-manhattan-900: #492a10;
  --color-manhattan-950: #2f1907;
  --color-godzilla: #454f01;
  --color-godzilla-50: #f2fad4;
  --color-godzilla-100: #e7f1c6;
  --color-godzilla-200: #d3deab;
  --color-godzilla-300: #bdca8f;
  --color-godzilla-400: #9fac6b;
  --color-godzilla-500: #85914e;
  --color-godzilla-600: #6c7835;
  --color-godzilla-700: #576121;
  --color-godzilla-800: #454f01;
  --color-godzilla-900: #353d08;
  --color-godzilla-950: #212602;
}

Similar palettes