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
Just Shipped

Momentum, made visible

Progress is easy to feel and hard to prove. This gives every small win somewhere to live, so the whole team can see it add up.

Live Dashboards

Watch the numbers that matter move in real time, without refreshing a thing.

Learn more →

One-Click Exports

Turn any view into a shareable report before your next meeting even starts.

Learn more →

Team Permissions

Give exactly the right people exactly the right amount of access.

Learn more →

See what your team could ship this quarter.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

Similar Color Palettes

View all Blue & Green palettes →

Explore More Palettes