Start generating

Olive Leaf to Lindworm Green color palette

4D4726Olive Leaf5D2721Worcestershire Sauce694F47Chocolate Pretzel190900Asphalt0B2600Lindworm Green
Open in generator Export PNG, PDF, ASE…

About this palette

Olive Leaf to Lindworm Green is a 5-color dark, warm, earthy palette: #4D4726 (Olive Leaf), #5D2721 (Worcestershire Sauce), #694F47 (Chocolate Pretzel), #190900 (Asphalt), #0B2600 (Lindworm Green). It mixes brown, red, black, green tones and feels warm overall. The strongest text pairing is #694F47 on #190900 with a contrast ratio of 2.60:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Olive Leafrgb(77, 71, 38)hsl(51, 34%, 23%)
Worcestershire Saucergb(93, 39, 33)hsl(6, 48%, 25%)
Chocolate Pretzelrgb(105, 79, 71)hsl(14, 19%, 35%)
Asphaltrgb(25, 9, 0)hsl(22, 100%, 5%)
Lindworm Greenrgb(11, 38, 0)hsl(103, 100%, 7%)

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

    /* Olive Leaf to Lindworm Green — https://swatchly.xyz/palette/4d4726-5d2721-694f47-190900-0b2600 */
:root {
  --olive-leaf: #4d4726;
  --worcestershire-sauce: #5d2721;
  --chocolate-pretzel: #694f47;
  --asphalt: #190900;
  --lindworm-green: #0b2600;
}

    Tailwind CSS v4

    /* Olive Leaf to Lindworm Green — https://swatchly.xyz/palette/4d4726-5d2721-694f47-190900-0b2600 */
@theme {
  --color-olive-leaf: #4d4726;
  --color-olive-leaf-50: #f9f6e1;
  --color-olive-leaf-100: #f0ecd5;
  --color-olive-leaf-200: #ddd8bd;
  --color-olive-leaf-300: #c8c3a3;
  --color-olive-leaf-400: #aaa482;
  --color-olive-leaf-500: #908966;
  --color-olive-leaf-600: #76704e;
  --color-olive-leaf-700: #5f5a3a;
  --color-olive-leaf-800: #4d4726;
  --color-olive-leaf-900: #3b371f;
  --color-olive-leaf-950: #252211;
  --color-worcestershire-sauce: #5d2721;
  --color-worcestershire-sauce-50: #fff2f0;
  --color-worcestershire-sauce-100: #ffe4e0;
  --color-worcestershire-sauce-200: #fdc9c2;
  --color-worcestershire-sauce-300: #eab1a8;
  --color-worcestershire-sauce-400: #cf9188;
  --color-worcestershire-sauce-500: #b5766d;
  --color-worcestershire-sauce-600: #995d55;
  --color-worcestershire-sauce-700: #804942;
  --color-worcestershire-sauce-800: #693933;
  --color-worcestershire-sauce-900: #5d2721;
  --color-worcestershire-sauce-950: #3a1a17;
  --color-chocolate-pretzel: #694f47;
  --color-chocolate-pretzel-50: #fff2ee;
  --color-chocolate-pretzel-100: #fae6e0;
  --color-chocolate-pretzel-200: #e9d2cb;
  --color-chocolate-pretzel-300: #d5bbb3;
  --color-chocolate-pretzel-400: #b79b92;
  --color-chocolate-pretzel-500: #9c7f77;
  --color-chocolate-pretzel-600: #80655d;
  --color-chocolate-pretzel-700: #694f47;
  --color-chocolate-pretzel-800: #523d37;
  --color-chocolate-pretzel-900: #402e29;
  --color-chocolate-pretzel-950: #291c18;
  --color-asphalt: #190900;
  --color-asphalt-50: #fff3e9;
  --color-asphalt-100: #f7e8dc;
  --color-asphalt-200: #e6d4c5;
  --color-asphalt-300: #d1bdad;
  --color-asphalt-400: #b39d8b;
  --color-asphalt-500: #947d6c;
  --color-asphalt-600: #74604f;
  --color-asphalt-700: #584738;
  --color-asphalt-800: #403226;
  --color-asphalt-900: #2b2018;
  --color-asphalt-950: #190900;
  --color-lindworm-green: #0b2600;
  --color-lindworm-green-50: #e9fce2;
  --color-lindworm-green-100: #ddf3d6;
  --color-lindworm-green-200: #c7e0be;
  --color-lindworm-green-300: #aecba4;
  --color-lindworm-green-400: #8dac81;
  --color-lindworm-green-500: #719165;
  --color-lindworm-green-600: #58754c;
  --color-lindworm-green-700: #435e38;
  --color-lindworm-green-800: #324a29;
  --color-lindworm-green-900: #25391d;
  --color-lindworm-green-950: #0b2600;
}

    Similar palettes