Start generating

Godzilla to Freezy Breezy color palette

2D4E00Godzilla536F2ABotanical009450Moss00AAB0Teal Me No Lies55CE8FVegetation94F2EFFreezy Breezy
Open in generator Export PNG, PDF, ASE…

About this palette

Godzilla to Freezy Breezy is a 6-color cool, earthy, gradient palette: #2D4E00 (Godzilla), #536F2A (Botanical), #009450 (Moss), #00AAB0 (Teal Me No Lies), #55CE8F (Vegetation), #94F2EF (Freezy Breezy). It mixes green, turquoise tones and feels cool overall. The strongest text pairing is #2D4E00 on #94F2EF with a contrast ratio of 7.36:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Godzillargb(45, 78, 0)hsl(85, 100%, 15%)
Botanicalrgb(83, 111, 42)hsl(84, 45%, 30%)
Mossrgb(0, 148, 80)hsl(152, 100%, 29%)
Teal Me No Liesrgb(0, 170, 176)hsl(182, 100%, 35%)
Vegetationrgb(85, 206, 143)hsl(149, 55%, 57%)
Freezy Breezyrgb(148, 242, 239)hsl(178, 78%, 76%)

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.

  • Aa7.36:1 Very good#2D4E00 on #94F2EF
  • Aa7.36:1 Very good#94F2EF on #2D4E00
  • Aa4.82:1 Good#2D4E00 on #55CE8F
  • Aa4.82:1 Good#55CE8F on #2D4E00
  • Aa4.41:1 Poor#536F2A on #94F2EF
  • Aa4.41:1 Poor#94F2EF on #536F2A
  • Aa3.35:1 Poor#2D4E00 on #00AAB0
  • Aa3.35:1 Poor#00AAB0 on #2D4E00

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Godzilla to Freezy Breezy — https://swatchly.xyz/palette/2d4e00-536f2a-009450-00aab0-55ce8f-94f2ef */
:root {
  --godzilla: #2d4e00;
  --botanical: #536f2a;
  --moss: #009450;
  --teal-me-no-lies: #00aab0;
  --vegetation: #55ce8f;
  --freezy-breezy: #94f2ef;
}

Tailwind CSS v4

/* Godzilla to Freezy Breezy — https://swatchly.xyz/palette/2d4e00-536f2a-009450-00aab0-55ce8f-94f2ef */
@theme {
  --color-godzilla: #2d4e00;
  --color-godzilla-50: #e7fed6;
  --color-godzilla-100: #dbf5c8;
  --color-godzilla-200: #c5e3ad;
  --color-godzilla-300: #acce91;
  --color-godzilla-400: #8aaf6c;
  --color-godzilla-500: #6f944e;
  --color-godzilla-600: #567935;
  --color-godzilla-700: #416122;
  --color-godzilla-800: #2d4e00;
  --color-godzilla-900: #243b0a;
  --color-godzilla-950: #142503;
  --color-botanical: #536f2a;
  --color-botanical-50: #eafdd5;
  --color-botanical-100: #ddf3c5;
  --color-botanical-200: #c6dfa9;
  --color-botanical-300: #acc88a;
  --color-botanical-400: #8aa864;
  --color-botanical-500: #6e8b46;
  --color-botanical-600: #536f2a;
  --color-botanical-700: #40581b;
  --color-botanical-800: #31460f;
  --color-botanical-900: #243607;
  --color-botanical-950: #152202;
  --color-moss: #009450;
  --color-moss-50: #d7ffe2;
  --color-moss-100: #b5fbca;
  --color-moss-200: #94e8af;
  --color-moss-300: #6fd292;
  --color-moss-400: #3eb26d;
  --color-moss-500: #009450;
  --color-moss-600: #00773f;
  --color-moss-700: #005f31;
  --color-moss-800: #004b26;
  --color-moss-900: #003b1c;
  --color-moss-950: #002610;
  --color-teal-me-no-lies: #00aab0;
  --color-teal-me-no-lies-50: #c6fdff;
  --color-teal-me-no-lies-100: #a8f5f8;
  --color-teal-me-no-lies-200: #83e1e5;
  --color-teal-me-no-lies-300: #59cacf;
  --color-teal-me-no-lies-400: #00aab0;
  --color-teal-me-no-lies-500: #008e93;
  --color-teal-me-no-lies-600: #007377;
  --color-teal-me-no-lies-700: #005c5f;
  --color-teal-me-no-lies-800: #00494b;
  --color-teal-me-no-lies-900: #00393b;
  --color-teal-me-no-lies-950: #002527;
  --color-vegetation: #55ce8f;
  --color-vegetation-50: #c1ffd9;
  --color-vegetation-100: #aaf6c9;
  --color-vegetation-200: #88e3af;
  --color-vegetation-300: #55ce8f;
  --color-vegetation-400: #34b074;
  --color-vegetation-500: #00955c;
  --color-vegetation-600: #00794a;
  --color-vegetation-700: #00623a;
  --color-vegetation-800: #004e2d;
  --color-vegetation-900: #003e23;
  --color-vegetation-950: #002714;
  --color-freezy-breezy: #94f2ef;
  --color-freezy-breezy-50: #eafffe;
  --color-freezy-breezy-100: #cafdfb;
  --color-freezy-breezy-200: #94f2ef;
  --color-freezy-breezy-300: #8cd7d4;
  --color-freezy-breezy-400: #5fb7b5;
  --color-freezy-breezy-500: #399a98;
  --color-freezy-breezy-600: #117e7c;
  --color-freezy-breezy-700: #006462;
  --color-freezy-breezy-800: #004d4c;
  --color-freezy-breezy-900: #003b3b;
  --color-freezy-breezy-950: #002525;
}

Similar palettes