Start generating

Blackn’t to Lindworm Green color palette

020D00Blackn’t603815Chocolate Fantasies505E0CForestial Outpost472B00Chocolate Castle192C00Lindworm Green
Open in generator Export PNG, PDF, ASE…

About this palette

Blackn’t to Lindworm Green is a 5-color dark, cool, earthy palette: #020D00 (Blackn’t), #603815 (Chocolate Fantasies), #505E0C (Forestial Outpost), #472B00 (Chocolate Castle), #192C00 (Lindworm Green). It mixes black, brown, green tones and feels cool overall. The strongest text pairing is #020D00 on #505E0C with a contrast ratio of 2.78:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Blackn’trgb(2, 13, 0)hsl(111, 100%, 3%)
Chocolate Fantasiesrgb(96, 56, 21)hsl(28, 64%, 23%)
Forestial Outpostrgb(80, 94, 12)hsl(70, 77%, 21%)
Chocolate Castlergb(71, 43, 0)hsl(36, 100%, 14%)
Lindworm Greenrgb(25, 44, 0)hsl(86, 100%, 9%)

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

    /* Blackn’t to Lindworm Green — https://swatchly.xyz/palette/020d00-603815-505e0c-472b00-192c00 */
:root {
  --blackn-t: #020d00;
  --chocolate-fantasies: #603815;
  --forestial-outpost: #505e0c;
  --chocolate-castle: #472b00;
  --lindworm-green: #192c00;
}

    Tailwind CSS v4

    /* Blackn’t to Lindworm Green — https://swatchly.xyz/palette/020d00-603815-505e0c-472b00-192c00 */
@theme {
  --color-blackn-t: #020d00;
  --color-blackn-t-50: #eef9ea;
  --color-blackn-t-100: #e3f0de;
  --color-blackn-t-200: #ceddc8;
  --color-blackn-t-300: #b6c7b0;
  --color-blackn-t-400: #95a88f;
  --color-blackn-t-500: #75886f;
  --color-blackn-t-600: #576851;
  --color-blackn-t-700: #3e4d39;
  --color-blackn-t-800: #293525;
  --color-blackn-t-900: #192116;
  --color-blackn-t-950: #020d00;
  --color-chocolate-fantasies: #603815;
  --color-chocolate-fantasies-50: #fff3e9;
  --color-chocolate-fantasies-100: #ffe6d3;
  --color-chocolate-fantasies-200: #f4cfb4;
  --color-chocolate-fantasies-300: #e1b899;
  --color-chocolate-fantasies-400: #c49775;
  --color-chocolate-fantasies-500: #a97c59;
  --color-chocolate-fantasies-600: #8c6240;
  --color-chocolate-fantasies-700: #734c2d;
  --color-chocolate-fantasies-800: #603815;
  --color-chocolate-fantasies-900: #482c14;
  --color-chocolate-fantasies-950: #2f1a09;
  --color-forestial-outpost: #505e0c;
  --color-forestial-outpost-50: #f0fbd2;
  --color-forestial-outpost-100: #e6f2c3;
  --color-forestial-outpost-200: #d1e0a8;
  --color-forestial-outpost-300: #baca8a;
  --color-forestial-outpost-400: #9bab64;
  --color-forestial-outpost-500: #809045;
  --color-forestial-outpost-600: #66752b;
  --color-forestial-outpost-700: #505e0c;
  --color-forestial-outpost-800: #3e4907;
  --color-forestial-outpost-900: #2f3900;
  --color-forestial-outpost-950: #1d2300;
  --color-chocolate-castle: #472b00;
  --color-chocolate-castle-50: #fff3e5;
  --color-chocolate-castle-100: #fee7cd;
  --color-chocolate-castle-200: #edd3b4;
  --color-chocolate-castle-300: #d9bb98;
  --color-chocolate-castle-400: #bb9b74;
  --color-chocolate-castle-500: #a07f58;
  --color-chocolate-castle-600: #84653f;
  --color-chocolate-castle-700: #6a4f2c;
  --color-chocolate-castle-800: #543c1d;
  --color-chocolate-castle-900: #472b00;
  --color-chocolate-castle-950: #2a1b08;
  --color-lindworm-green: #192c00;
  --color-lindworm-green-50: #ecfbdf;
  --color-lindworm-green-100: #e1f2d3;
  --color-lindworm-green-200: #ccdfbb;
  --color-lindworm-green-300: #b4caa0;
  --color-lindworm-green-400: #93ab7d;
  --color-lindworm-green-500: #799162;
  --color-lindworm-green-600: #60774a;
  --color-lindworm-green-700: #4c6137;
  --color-lindworm-green-800: #3c4e29;
  --color-lindworm-green-900: #2e3e1e;
  --color-lindworm-green-950: #192c00;
}

    Similar palettes