Start generating

Lindworm Green to Good Morning color palette

1C2600Lindworm Green405E00Deep Forestial Escapade608D00Asparagus SultanAAC800Leafy CanopyF2FFD7Good Morning
Open in generator Export PNG, PDF, ASE…

About this palette

Lindworm Green to Good Morning is a 5-color cool, earthy, monochromatic, gradient palette: #1C2600 (Lindworm Green), #405E00 (Deep Forestial Escapade), #608D00 (Asparagus Sultan), #AAC800 (Leafy Canopy), #F2FFD7 (Good Morning). It mixes green, white tones and feels cool overall. The strongest text pairing is #1C2600 on #F2FFD7 with a contrast ratio of 15.12:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Lindworm Greenrgb(28, 38, 0)hsl(76, 100%, 7%)
Deep Forestial Escapadergb(64, 94, 0)hsl(79, 100%, 18%)
Asparagus Sultanrgb(96, 141, 0)hsl(79, 100%, 28%)
Leafy Canopyrgb(170, 200, 0)hsl(69, 100%, 39%)
Good Morningrgb(242, 255, 215)hsl(80, 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.

  • Aa15.12:1 Super#1C2600 on #F2FFD7
  • Aa15.12:1 Super#F2FFD7 on #1C2600
  • Aa8.27:1 Very good#1C2600 on #AAC800
  • Aa8.27:1 Very good#AAC800 on #1C2600
  • Aa7.12:1 Very good#405E00 on #F2FFD7
  • Aa7.12:1 Very good#F2FFD7 on #405E00
  • Aa4.00:1 Poor#1C2600 on #608D00
  • Aa4.00:1 Poor#608D00 on #1C2600

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Lindworm Green to Good Morning — https://swatchly.xyz/palette/1c2600-405e00-608d00-aac800-f2ffd7 */
:root {
  --lindworm-green: #1c2600;
  --deep-forestial-escapade: #405e00;
  --asparagus-sultan: #608d00;
  --leafy-canopy: #aac800;
  --good-morning: #f2ffd7;
}

Tailwind CSS v4

/* Lindworm Green to Good Morning — https://swatchly.xyz/palette/1c2600-405e00-608d00-aac800-f2ffd7 */
@theme {
  --color-lindworm-green: #1c2600;
  --color-lindworm-green-50: #f0f9e1;
  --color-lindworm-green-100: #e6f0d4;
  --color-lindworm-green-200: #d1ddbc;
  --color-lindworm-green-300: #bac7a2;
  --color-lindworm-green-400: #9aa87f;
  --color-lindworm-green-500: #7f8d64;
  --color-lindworm-green-600: #66734b;
  --color-lindworm-green-700: #505c38;
  --color-lindworm-green-800: #3f4929;
  --color-lindworm-green-900: #30391d;
  --color-lindworm-green-950: #1c2600;
  --color-deep-forestial-escapade: #405e00;
  --color-deep-forestial-escapade-50: #e9fed1;
  --color-deep-forestial-escapade-100: #ddf5c2;
  --color-deep-forestial-escapade-200: #c7e2a6;
  --color-deep-forestial-escapade-300: #adcd87;
  --color-deep-forestial-escapade-400: #8cad60;
  --color-deep-forestial-escapade-500: #709141;
  --color-deep-forestial-escapade-600: #577626;
  --color-deep-forestial-escapade-700: #405e00;
  --color-deep-forestial-escapade-800: #314902;
  --color-deep-forestial-escapade-900: #253900;
  --color-deep-forestial-escapade-950: #152300;
  --color-asparagus-sultan: #608d00;
  --color-asparagus-sultan-50: #e2ffc3;
  --color-asparagus-sultan-100: #d4f5ae;
  --color-asparagus-sultan-200: #bbe28c;
  --color-asparagus-sultan-300: #9fcb68;
  --color-asparagus-sultan-400: #7dab38;
  --color-asparagus-sultan-500: #608d00;
  --color-asparagus-sultan-600: #4d7200;
  --color-asparagus-sultan-700: #3c5a00;
  --color-asparagus-sultan-800: #2e4700;
  --color-asparagus-sultan-900: #233700;
  --color-asparagus-sultan-950: #152300;
  --color-leafy-canopy: #aac800;
  --color-leafy-canopy-50: #e7fca9;
  --color-leafy-canopy-100: #dbf293;
  --color-leafy-canopy-200: #c4de6a;
  --color-leafy-canopy-300: #aac800;
  --color-leafy-canopy-400: #8ea800;
  --color-leafy-canopy-500: #768c00;
  --color-leafy-canopy-600: #5f7100;
  --color-leafy-canopy-700: #4c5a00;
  --color-leafy-canopy-800: #3b4700;
  --color-leafy-canopy-900: #2e3800;
  --color-leafy-canopy-950: #1c2300;
  --color-good-morning: #f2ffd7;
  --color-good-morning-50: #f2ffd7;
  --color-good-morning-100: #eaf2da;
  --color-good-morning-200: #d5dec2;
  --color-good-morning-300: #bdc8a7;
  --color-good-morning-400: #9da884;
  --color-good-morning-500: #818c68;
  --color-good-morning-600: #66714e;
  --color-good-morning-700: #505a3a;
  --color-good-morning-800: #3e462b;
  --color-good-morning-900: #2f361f;
  --color-good-morning-950: #1d2211;
}

Similar palettes