Pitch-Black Forests to Seedling Color Palette

About this palette

Pitch-Black Forests to Seedling is a 4-color muted, earthy, vintage, gradient palette: #192F1C (Pitch-Black Forests), #5D4C2A (Jungle Beat), #8E8656 (Iguana), #C2CE98 (Seedling). It mixes green, brown, yellow tones and feels balanced overall. The strongest text pairing is #192F1C on #C2CE98 with a contrast ratio of 8.59:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pitch-Black Forests	rgb(25, 47, 28)	hsl(128, 31%, 14%)
Jungle Beat	rgb(93, 76, 42)	hsl(40, 38%, 26%)
Iguana	rgb(142, 134, 86)	hsl(51, 25%, 45%)
Seedling	rgb(194, 206, 152)	hsl(73, 36%, 70%)

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.

Aa8.59:1 Very good#192F1C on #C2CE98
Aa8.59:1 Very good#C2CE98 on #192F1C
Aa4.97:1 Good#5D4C2A on #C2CE98
Aa4.97:1 Good#C2CE98 on #5D4C2A
Aa3.89:1 Poor#192F1C on #8E8656
Aa3.89:1 Poor#8E8656 on #192F1C

Color blindness preview

CSS variables

/* Pitch-Black Forests to Seedling — https://swatchly.xyz/palette/192f1c-5d4c2a-8e8656-c2ce98 */
:root {
  --pitch-black-forests: #192f1c;
  --jungle-beat: #5d4c2a;
  --iguana: #8e8656;
  --seedling: #c2ce98;
}

Tailwind CSS v4

/* Pitch-Black Forests to Seedling — https://swatchly.xyz/palette/192f1c-5d4c2a-8e8656-c2ce98 */
@theme {
  --color-pitch-black-forests: #192f1c;
  --color-pitch-black-forests-50: #ebfaec;
  --color-pitch-black-forests-100: #e0f1e1;
  --color-pitch-black-forests-200: #cadecb;
  --color-pitch-black-forests-300: #b1c8b3;
  --color-pitch-black-forests-400: #8ea790;
  --color-pitch-black-forests-500: #718a73;
  --color-pitch-black-forests-600: #566d58;
  --color-pitch-black-forests-700: #3f5442;
  --color-pitch-black-forests-800: #2d3f2f;
  --color-pitch-black-forests-900: #192f1c;
  --color-pitch-black-forests-950: #111a12;
  --color-jungle-beat: #5d4c2a;
  --color-jungle-beat-50: #fff4df;
  --color-jungle-beat-100: #f6ead2;
  --color-jungle-beat-200: #e3d4b8;
  --color-jungle-beat-300: #cdbc9c;
  --color-jungle-beat-400: #ae9b78;
  --color-jungle-beat-500: #917f5b;
  --color-jungle-beat-600: #756442;
  --color-jungle-beat-700: #5d4c2a;
  --color-jungle-beat-800: #483b21;
  --color-jungle-beat-900: #382d17;
  --color-jungle-beat-950: #231b0b;
  --color-iguana: #8e8656;
  --color-iguana-50: #faf6da;
  --color-iguana-100: #f1eccc;
  --color-iguana-200: #ded8b3;
  --color-iguana-300: #c8c197;
  --color-iguana-400: #a9a273;
  --color-iguana-500: #8e8656;
  --color-iguana-600: #736c3d;
  --color-iguana-700: #5c552b;
  --color-iguana-800: #49421d;
  --color-iguana-900: #383313;
  --color-iguana-950: #231f08;
  --color-seedling: #c2ce98;
  --color-seedling-50: #f5fce0;
  --color-seedling-100: #ecf4d4;
  --color-seedling-200: #d9e2bb;
  --color-seedling-300: #c2ce98;
  --color-seedling-400: #a2ad7b;
  --color-seedling-500: #85905d;
  --color-seedling-600: #6a7443;
  --color-seedling-700: #535c2e;
  --color-seedling-800: #40481f;
  --color-seedling-900: #303714;
  --color-seedling-950: #1d2209;
}