Start generating

Zunda Green to Strawberry Blonde color palette

75BE00Zunda GreenB1BE00Leafy Woodland65CEFFThor’s Thunder5CEA3BHypnotic GreenFFDCDDStrawberry Blonde
Open in generator Export PNG, PDF, ASE…

About this palette

Zunda Green to Strawberry Blonde is a 5-color vibrant, light, cool, neon palette: #75BE00 (Zunda Green), #B1BE00 (Leafy Woodland), #65CEFF (Thor’s Thunder), #5CEA3B (Hypnotic Green), #FFDCDD (Strawberry Blonde). It mixes green, blue, pink tones and feels cool overall. The strongest text pairing is #75BE00 on #FFDCDD with a contrast ratio of 1.81:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Zunda Greenrgb(117, 190, 0)hsl(83, 100%, 37%)
Leafy Woodlandrgb(177, 190, 0)hsl(64, 100%, 37%)
Thor’s Thunderrgb(101, 206, 255)hsl(199, 100%, 70%)
Hypnotic Greenrgb(92, 234, 59)hsl(109, 81%, 57%)
Strawberry Blondergb(255, 220, 221)hsl(358, 100%, 93%)

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.

    Color blindness preview

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Zunda Green to Strawberry Blonde — https://swatchly.xyz/palette/75be00-b1be00-65ceff-5cea3b-ffdcdd */
:root {
  --zunda-green: #75be00;
  --leafy-woodland: #b1be00;
  --thor-s-thunder: #65ceff;
  --hypnotic-green: #5cea3b;
  --strawberry-blonde: #ffdcdd;
}

    Tailwind CSS v4

    /* Zunda Green to Strawberry Blonde — https://swatchly.xyz/palette/75be00-b1be00-65ceff-5cea3b-ffdcdd */
@theme {
  --color-zunda-green: #75be00;
  --color-zunda-green-50: #eaffda;
  --color-zunda-green-100: #d0ffaa;
  --color-zunda-green-200: #b7ef87;
  --color-zunda-green-300: #9cdb60;
  --color-zunda-green-400: #75be00;
  --color-zunda-green-500: #609e00;
  --color-zunda-green-600: #4d7f00;
  --color-zunda-green-700: #3c6500;
  --color-zunda-green-800: #2d4e00;
  --color-zunda-green-900: #213c00;
  --color-zunda-green-950: #132500;
  --color-leafy-woodland: #b1be00;
  --color-leafy-woodland-50: #ebf6a5;
  --color-leafy-woodland-100: #dfeb8d;
  --color-leafy-woodland-200: #c9d664;
  --color-leafy-woodland-300: #b1be00;
  --color-leafy-woodland-400: #95a000;
  --color-leafy-woodland-500: #7c8500;
  --color-leafy-woodland-600: #646c00;
  --color-leafy-woodland-700: #505700;
  --color-leafy-woodland-800: #404500;
  --color-leafy-woodland-900: #323700;
  --color-leafy-woodland-950: #1f2200;
  --color-thor-s-thunder: #65ceff;
  --color-thor-s-thunder-50: #e9f7ff;
  --color-thor-s-thunder-100: #d3f0ff;
  --color-thor-s-thunder-200: #a5e1ff;
  --color-thor-s-thunder-300: #65ceff;
  --color-thor-s-thunder-400: #48addb;
  --color-thor-s-thunder-500: #1992c0;
  --color-thor-s-thunder-600: #00769e;
  --color-thor-s-thunder-700: #005d7e;
  --color-thor-s-thunder-800: #004963;
  --color-thor-s-thunder-900: #00384e;
  --color-thor-s-thunder-950: #002332;
  --color-hypnotic-green: #5cea3b;
  --color-hypnotic-green-50: #ebffe7;
  --color-hypnotic-green-100: #cfffc5;
  --color-hypnotic-green-200: #9af888;
  --color-hypnotic-green-300: #5cea3b;
  --color-hypnotic-green-400: #3ec615;
  --color-hypnotic-green-500: #2da500;
  --color-hypnotic-green-600: #228500;
  --color-hypnotic-green-700: #196900;
  --color-hypnotic-green-800: #115200;
  --color-hypnotic-green-900: #0b3f00;
  --color-hypnotic-green-950: #042700;
  --color-strawberry-blonde: #ffdcdd;
  --color-strawberry-blonde-50: #ffebec;
  --color-strawberry-blonde-100: #ffdcdd;
  --color-strawberry-blonde-200: #e6cccc;
  --color-strawberry-blonde-300: #d3b5b6;
  --color-strawberry-blonde-400: #b59697;
  --color-strawberry-blonde-500: #9b7b7d;
  --color-strawberry-blonde-600: #806263;
  --color-strawberry-blonde-700: #684d4e;
  --color-strawberry-blonde-800: #523b3c;
  --color-strawberry-blonde-900: #402d2e;
  --color-strawberry-blonde-950: #291b1c;
}

    Similar palettes