Start generating

Godzilla to Lush Bamboo color palette

474E00Godzilla7C8F00Asparagus Sultan6B7400Topiary GreenC2D072Alligator Alley232800Lindworm GreenAFB830Lush Bamboo
Open in generator Export PNG, PDF, ASE…

About this palette

Godzilla to Lush Bamboo is a 6-color cool, earthy, monochromatic palette: #474E00 (Godzilla), #7C8F00 (Asparagus Sultan), #6B7400 (Topiary Green), #C2D072 (Alligator Alley), #232800 (Lindworm Green), #AFB830 (Lush Bamboo). It mixes green tones and feels cool overall. The strongest text pairing is #C2D072 on #232800 with a contrast ratio of 9.13:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Godzillargb(71, 78, 0)hsl(65, 100%, 15%)
Asparagus Sultanrgb(124, 143, 0)hsl(68, 100%, 28%)
Topiary Greenrgb(107, 116, 0)hsl(65, 100%, 23%)
Alligator Alleyrgb(194, 208, 114)hsl(69, 50%, 63%)
Lindworm Greenrgb(35, 40, 0)hsl(68, 100%, 8%)
Lush Bamboorgb(175, 184, 48)hsl(64, 59%, 45%)

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.13:1 Very good#C2D072 on #232800
  • Aa9.13:1 Very good#232800 on #C2D072
  • Aa7.07:1 Very good#232800 on #AFB830
  • Aa7.07:1 Very good#AFB830 on #232800
  • Aa5.33:1 Good#474E00 on #C2D072
  • Aa5.33:1 Good#C2D072 on #474E00
  • Aa4.21:1 Poor#7C8F00 on #232800
  • Aa4.21:1 Poor#232800 on #7C8F00

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Godzilla to Lush Bamboo — https://swatchly.xyz/palette/474e00-7c8f00-6b7400-c2d072-232800-afb830 */
:root {
  --godzilla: #474e00;
  --asparagus-sultan: #7c8f00;
  --topiary-green: #6b7400;
  --alligator-alley: #c2d072;
  --lindworm-green: #232800;
  --lush-bamboo: #afb830;
}

Tailwind CSS v4

/* Godzilla to Lush Bamboo — https://swatchly.xyz/palette/474e00-7c8f00-6b7400-c2d072-232800-afb830 */
@theme {
  --color-godzilla: #474e00;
  --color-godzilla-50: #f3fad4;
  --color-godzilla-100: #e9f0c6;
  --color-godzilla-200: #d5deaa;
  --color-godzilla-300: #c0c98f;
  --color-godzilla-400: #a1ab6a;
  --color-godzilla-500: #87914d;
  --color-godzilla-600: #6e7734;
  --color-godzilla-700: #596021;
  --color-godzilla-800: #474e00;
  --color-godzilla-900: #373c07;
  --color-godzilla-950: #222602;
  --color-asparagus-sultan: #7c8f00;
  --color-asparagus-sultan-50: #effdc1;
  --color-asparagus-sultan-100: #e4f4af;
  --color-asparagus-sultan-200: #cfe18f;
  --color-asparagus-sultan-300: #b7cb6b;
  --color-asparagus-sultan-400: #97ab3a;
  --color-asparagus-sultan-500: #7c8f00;
  --color-asparagus-sultan-600: #637300;
  --color-asparagus-sultan-700: #4f5b00;
  --color-asparagus-sultan-800: #3d4700;
  --color-asparagus-sultan-900: #2f3700;
  --color-asparagus-sultan-950: #1c2200;
  --color-topiary-green: #6b7400;
  --color-topiary-green-50: #f3fbc8;
  --color-topiary-green-100: #e9f2b9;
  --color-topiary-green-200: #d5df9b;
  --color-topiary-green-300: #bfca7b;
  --color-topiary-green-400: #a0ab50;
  --color-topiary-green-500: #858f2d;
  --color-topiary-green-600: #6b7400;
  --color-topiary-green-700: #555c00;
  --color-topiary-green-800: #424800;
  --color-topiary-green-900: #323700;
  --color-topiary-green-950: #1f2200;
  --color-alligator-alley: #c2d072;
  --color-alligator-alley-50: #f5fece;
  --color-alligator-alley-100: #ecf6bf;
  --color-alligator-alley-200: #d8e4a2;
  --color-alligator-alley-300: #c2d072;
  --color-alligator-alley-400: #a2af57;
  --color-alligator-alley-500: #869233;
  --color-alligator-alley-600: #6b760e;
  --color-alligator-alley-700: #545d00;
  --color-alligator-alley-800: #414800;
  --color-alligator-alley-900: #313700;
  --color-alligator-alley-950: #1e2200;
  --color-lindworm-green: #232800;
  --color-lindworm-green-50: #f3f8e0;
  --color-lindworm-green-100: #e9efd3;
  --color-lindworm-green-200: #d5dcbb;
  --color-lindworm-green-300: #bec6a0;
  --color-lindworm-green-400: #9fa77d;
  --color-lindworm-green-500: #858c62;
  --color-lindworm-green-600: #6b734a;
  --color-lindworm-green-700: #565d37;
  --color-lindworm-green-800: #444a29;
  --color-lindworm-green-900: #363b1e;
  --color-lindworm-green-950: #232800;
  --color-lush-bamboo: #afb830;
  --color-lush-bamboo-50: #f9ffd0;
  --color-lush-bamboo-100: #f1f9b6;
  --color-lush-bamboo-200: #e0e997;
  --color-lush-bamboo-300: #ccd573;
  --color-lush-bamboo-400: #afb830;
  --color-lush-bamboo-500: #919900;
  --color-lush-bamboo-600: #747b00;
  --color-lush-bamboo-700: #5c6100;
  --color-lush-bamboo-800: #464b00;
  --color-lush-bamboo-900: #353800;
  --color-lush-bamboo-950: #1f2200;
}

Similar palettes