Lighter companion
Moss Shadow Soft
#3F602F · hsl(100, 34%, 28%)
Moss Nocturne Soft (#2D4422) belongs to the green family — hue 100°, 34% saturation, 20% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
:root { --colorarchive-moss-nocturne-soft: #2D4422; /* hsl(100, 34%, 20%) */ }
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Base: Moss Nocturne Soft #2D4422 Lighter companion: Moss Shadow Soft #3F602F Darker companion: Moss Ink Soft #203018 Complementary counterpoint: Mulberry Nocturne Soft #392244 Analogous lead: Emerald Nocturne Soft #224422 Analogous echo: Olive Nocturne Soft #394422
The closest archive matches by hue, saturation, and lightness.
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.