Lighter companion
Lagoon Shadow Muted
#3B5450 · hsl(170, 18%, 28%)
Lagoon Nocturne Muted (#2A3C39) belongs to the teal family — hue 170°, 18% 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-lagoon-nocturne-muted: #2A3C39; /* hsl(170, 18%, 20%) */ }
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Base: Lagoon Nocturne Muted #2A3C39 Lighter companion: Lagoon Shadow Muted #3B5450 Darker companion: Lagoon Ink Muted #1D2A28 Complementary counterpoint: Merlot Nocturne Muted #3C2A2D Analogous lead: Cerulean Nocturne Muted #2A393C Analogous echo: Jade Nocturne Muted #2A3C33
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.