Atlas Cedar

#5ca0a7

Save

About Atlas Cedar

Atlas Cedar sits between the cooler teals and the softer blues without actually committing to either. It's muted enough to feel grounded, but it doesn't flatten the way washed-out teals do. There's a slight warmth buried in there, just enough to keep it from reading clinical.

You'll use it for primary surfaces in health apps, fintech dashboards, and SaaS products where you need something that feels steady and approachable at the same time. It works harder than Blue Eye Samurai (which pulls back further) and reads calmer than Aquarius without losing substance. Button backgrounds, navigation elements, card accents, the kind of color that anchors a layout without demanding all the attention. Pairs sharp with dark text, settles cleanly against white, and doesn't fight your content.

On warmer monitors it'll lean slightly greener, which actually helps it feel less cold. Test it early against your actual grays; saturation matters here, and pairing makes all the difference.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Create a gradient with Atlas Cedar

Open the generator with this color pre-loaded.

Start creating