Castaway

#6dbac0

Save

About Castaway

Castaway lands where teal and cyan finally stop arguing. It's saturated enough to read as intentional, but it doesn't push forward the way Caribbean Blue does, instead it settles into a middle ground that feels more considered than cool. There's warmth lurking in the undertone without letting it tip into greenish territory.

You'll find it working best in health platforms, fintech dashboards, and SaaS secondary surfaces where you need a color that feels approachable but grounded. Card backgrounds, section dividers, button states, places where the interface should feel calm instead of either corporate-sterile or beach-resort bright. Unlike Cool's deliberate flatness or Cerulean Skies' almost-apologetic lightness, this one commits to a presence without demanding it.

The thing: it's got enough saturation to hold its own against text and data, but warm enough undertones that it won't feel cold or clinical on most displays. Pairs well with charcoal or dark slate, and won't flicker the way purer cyans sometimes do.

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 Castaway

Open the generator with this color pre-loaded.

Start creating