Palette

Cloudscape Horizon View

A serene vista of soft clouds stretching across the horizon, capturing the tranquil beauty of the sky.

neutralcalm5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cloudscape Horizon View reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Cloudscape Horizon View.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#87CEEB#B0C4DE#E0FFFF#F8F8FF#FFDEAD

Palette guide

How to use Cloudscape Horizon View

Overview

The Cloudscape Horizon View palette captures the serene beauty of a sky stretching across the horizon, with its soft, ethereal hues. This collection features the classic sky blue of #87CEEB, the muted grey-blue of #B0C4DE, and the very light, almost white tones of #E0FFFF and #F8F8FF. A surprising touch of warmth comes from #FFDEAD (Navajo White), reminiscent of a distant sandy shore or a hint of dawn. Designers will find these hex codes ideal for creating calming digital experiences, while developers can build interfaces that feel open, clean, and gently inviting. It's a palette designed for tranquility and understated elegance.

Best used for

travel and tourism websites
photography portfolios
meditation apps
nature-inspired branding
spa and wellness marketing
home decor product lines

Suggested color roles

primary

#87CEEB - A clear, bright sky blue, excellent for main headings, call-to-action elements, or key visual anchors.

secondary

#B0C4DE - A soft, muted grey-blue, perfect for sub-sections, background panels, or supportive graphics.

accent

#FFDEAD - A warm, creamy beige that stands out gently against the blues, ideal for subtle accents, highlights, or interactive elements.

background

#F8F8FF - A very light, almost white tone (Ghost White), providing a clean and expansive canvas.

text

A dark navy or charcoal grey for optimal readability, as the palette's colors are generally too light for body text.

Accessibility notes

Ensure any text in #87CEEB has sufficient contrast against very light backgrounds like #E0FFFF or #F8F8FF.
The warm #FFDEAD might have insufficient contrast with the very light backgrounds; verify for readability.
Avoid using #B0C4DE for small text on #E0FFFF or #F8F8FF.
Always use a contrast checker to ensure WCAG AA compliance for all text and interactive elements.

Recommended combinations

Horizon Blend

For creating subtle background gradients or layered elements that evoke a seamless sky.

#F8F8FF · #E0FFFF · #B0C4DE

Sky & Sand

To introduce a gentle warmth with the blues, perfect for a coastal or serene natural theme.

#87CEEB · #FFDEAD · #F8F8FF

Misty View

Ideal for content sections or subtle dividers, maintaining a soft and harmonious visual flow.

#B0C4DE · #E0FFFF · #87CEEB

CSS variables

:root {
  --cloudscape-horizon-view-1: #87CEEB;
  --cloudscape-horizon-view-2: #B0C4DE;
  --cloudscape-horizon-view-3: #E0FFFF;
  --cloudscape-horizon-view-4: #F8F8FF;
  --cloudscape-horizon-view-5: #FFDEAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cloudscape-horizon-view": {
        1: "#87CEEB",
        2: "#B0C4DE",
        3: "#E0FFFF",
        4: "#F8F8FF",
        5: "#FFDEAD",
      }
    }
  }
}

Hex values

Color 1#87CEEB

Color 2#B0C4DE

Color 3#E0FFFF

Color 4#F8F8FF

Color 5#FFDEAD

Accessibility

Contrast checker

1:1Fail

1.7:1Fail

1.6:1Fail

1.4:1Fail

1:1Fail

1.7:1Fail

1.4:1Fail

1.7:1Fail

1:1Fail

1.2:1Fail

1.6:1Fail

1.7:1Fail

1:1Fail

1.2:1Fail

1.4:1Fail

1.2:1Fail

Similar palettes

More like Cloudscape Horizon View

Cloudscape Horizon View

See it in context.

Ready when you are.

Built with Cloudscape Horizon View.

How to use Cloudscape Horizon View

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Horizon Blend

Sky & Sand

Misty View

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cloudscape Horizon View