Pitch-Black Forests to Pine Needle color palette

About this palette

Pitch-Black Forests to Pine Needle is a 5-color dark, cool, earthy, monochromatic palette: #002F1D (Pitch-Black Forests), #356426 (Bucolic), #07410A (Realm of the Underworld), #001108 (Jedi Night), #22523E (Pine Needle). It mixes green, black tones and feels cool overall. The strongest text pairing is #356426 on #001108 with a contrast ratio of 2.77:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Pitch-Black Forestsrgb(0, 47, 29)hsl(157, 100%, 9%)
Bucolicrgb(53, 100, 38)hsl(105, 45%, 27%)
Realm of the Underworldrgb(7, 65, 10)hsl(123, 81%, 14%)
Jedi Nightrgb(0, 17, 8)hsl(148, 100%, 3%)
Pine Needlergb(34, 82, 62)hsl(155, 41%, 23%)

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

    /* Pitch-Black Forests to Pine Needle — https://swatchly.xyz/palette/002f1d-356426-07410a-001108-22523e */
    :root {
      --pitch-black-forests: #002f1d;
      --bucolic: #356426;
      --realm-of-the-underworld: #07410a;
      --jedi-night: #001108;
      --pine-needle: #22523e;
    }
    

    Tailwind CSS v4

    /* Pitch-Black Forests to Pine Needle — https://swatchly.xyz/palette/002f1d-356426-07410a-001108-22523e */
    @theme {
      --color-pitch-black-forests: #002f1d;
      --color-pitch-black-forests-50: #e3fcee;
      --color-pitch-black-forests-100: #d7f3e4;
      --color-pitch-black-forests-200: #bfe1cf;
      --color-pitch-black-forests-300: #a5ccb7;
      --color-pitch-black-forests-400: #82ad96;
      --color-pitch-black-forests-500: #67937d;
      --color-pitch-black-forests-600: #4f7a64;
      --color-pitch-black-forests-700: #3b6350;
      --color-pitch-black-forests-800: #2c503f;
      --color-pitch-black-forests-900: #214132;
      --color-pitch-black-forests-950: #002f1d;
      --color-bucolic: #356426;
      --color-bucolic-50: #e3ffdb;
      --color-bucolic-100: #d6f6cc;
      --color-bucolic-200: #bee5b3;
      --color-bucolic-300: #a4d097;
      --color-bucolic-400: #81b273;
      --color-bucolic-500: #659657;
      --color-bucolic-600: #4c7b3e;
      --color-bucolic-700: #356426;
      --color-bucolic-800: #284e1c;
      --color-bucolic-900: #1c3d12;
      --color-bucolic-950: #0f2607;
      --color-realm-of-the-underworld: #07410a;
      --color-realm-of-the-underworld-50: #e1ffdf;
      --color-realm-of-the-underworld-100: #d3f7d1;
      --color-realm-of-the-underworld-200: #bbe5b8;
      --color-realm-of-the-underworld-300: #a0d09d;
      --color-realm-of-the-underworld-400: #7db27a;
      --color-realm-of-the-underworld-500: #60975e;
      --color-realm-of-the-underworld-600: #477c46;
      --color-realm-of-the-underworld-700: #336432;
      --color-realm-of-the-underworld-800: #244f24;
      --color-realm-of-the-underworld-900: #07410a;
      --color-realm-of-the-underworld-950: #0c280c;
      --color-jedi-night: #001108;
      --color-jedi-night-50: #ebf9f1;
      --color-jedi-night-100: #dff0e7;
      --color-jedi-night-200: #c9ddd2;
      --color-jedi-night-300: #b1c7bb;
      --color-jedi-night-400: #90a89b;
      --color-jedi-night-500: #70897c;
      --color-jedi-night-600: #536a5e;
      --color-jedi-night-700: #3b4f45;
      --color-jedi-night-800: #283830;
      --color-jedi-night-900: #19251f;
      --color-jedi-night-950: #001108;
      --color-pine-needle: #22523e;
      --color-pine-needle-50: #e1fdef;
      --color-pine-needle-100: #d5f4e4;
      --color-pine-needle-200: #bce2cf;
      --color-pine-needle-300: #a3cdb9;
      --color-pine-needle-400: #81b099;
      --color-pine-needle-500: #65957f;
      --color-pine-needle-600: #4c7b65;
      --color-pine-needle-700: #386451;
      --color-pine-needle-800: #22523e;
      --color-pine-needle-900: #1c3f30;
      --color-pine-needle-950: #0f281d;
    }
    

    Similar palettes