Lighter companion
Merlot Shadow Clear
#6E212E · hsl(350, 54%, 28%)
Merlot Nocturne Clear (#4F1721) belongs to the red family — hue 350°, 54% 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-merlot-nocturne-clear: #4F1721; /* hsl(350, 54%, 20%) */ }
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Base: Merlot Nocturne Clear #4F1721 Lighter companion: Merlot Shadow Clear #6E212E Darker companion: Merlot Ink Clear #371017 Complementary counterpoint: Lagoon Nocturne Clear #174F45 Analogous lead: Ruby Nocturne Clear #4F2117 Analogous echo: Blush Nocturne Clear #4F1733
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.