ColorSwatches.org

Pine and Sky

Pine and Sky
Midnight Pine
#122B21
rgb(18, 43, 33)
A near-black green that reads as deep conifer shade at dusk.
Forest Hollow
#1F4D3A
rgb(31, 77, 58)
A grounded forest green with just enough warmth to avoid feeling cold.
Spruce Shadow
#3A7363
rgb(58, 115, 99)
A muted, mossy mid-green that bridges the darker pines and the cooler blues.
Lake Teal
#4F9C9A
rgb(79, 156, 154)
A balanced blue-green reminiscent of still alpine water.
Morning Sky
#8FC5DC
rgb(143, 197, 220)
A soft, washed blue that feels like early daylight over the treeline.
Cloudline Blue
#D6EEF5
rgb(214, 238, 245)
A near-white blue, pale as thin cloud cover against open sky.

Midnight Pine and Forest Hollow carry the weight of dense woodland, dark enough to feel sheltering rather than heavy. Spruce Shadow sits as a bridge color, muted and mossy, while Lake Teal introduces the first hint of water and sky. Morning Sky and Cloudline Blue lighten the mix into something closer to weather than foliage — pale, breathable, almost atmospheric. Together the six read as a single landscape rather than six separate swatches, shifting gradually from forest floor to open horizon.

Sponsors

Outdoor outfitters, national park brands, and sustainability-focused companies can lean on the darker greens for logos and packaging aimed at a rooted, trustworthy tone. The teal midpoint works well in wayfinding, badges, or secondary UI elements where a cooler accent is useful without breaking from the green family. Morning Sky and Cloudline Blue suit backgrounds, app interfaces, or wellness branding looking for light and breathing room. Together the set fits camping gear, eco-tourism, spa and wellness studios, and outdoor-adjacent brands generally.

Pair Midnight Pine with Cloudline Blue for maximum contrast in headers or hero sections, then let Forest Hollow and Lake Teal handle supporting text or icons. Spruce Shadow makes a dependable neutral for borders, dividers, or muted backgrounds since it sits between the dark and light ends without competing with either. On screens, keep body copy on Cloudline Blue or white rather than the mid-tones, which can struggle with contrast ratios at smaller sizes. Download the hex and RGB values below to drop the full set directly into Figma, CSS variables, or a brand style guide.

Web UI Preview

example.com
Palette Co Products About
Customer Favorite

Simple enough to trust

The best tools disappear into the background. You stop noticing them and start noticing how much more you got done.

No Learning Curve

Most people are comfortable within the first five minutes, no manual required.

Learn more →

Reliable Support

A real person answers, usually before your coffee has finished brewing.

Learn more →

Transparent Pricing

One number, no surprises, and nothing hidden in the fine print.

Learn more →

Thousands of teams already made the switch.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

Similar Color Palettes

View all Blue & Green palettes →

Explore More Palettes