ColorSwatches.org

Cloud Break

Storm gray, cloud blue, open sky, soft cloud, cloud white
Storm Gray
#48586A
rgb(72, 88, 106)
Heavy cloud edge in fading light — dark blue-gray, cool and substantial
Cloud Blue
#6888A8
rgb(104, 136, 168)
Blue sky showing through breaking cloud — cool, clearly blue, medium value
Open Sky
#90B0CC
rgb(144, 176, 204)
Clear open sky between cumulus clouds — soft blue, light and airy
Soft Cloud
#C0D8E8
rgb(192, 216, 232)
Lit surface of a white cumulus cloud — pale blue-white, very light
Cloud White
#E8F2F8
rgb(232, 242, 248)
Brightest cloud edge in direct sun — almost white with minimal blue cast

Cloud Break is a palette of intelligent restraint, built from the broad family of muted blue-grays that the sky produces when cloud and open air interact in diffused and partial lighting. Unlike palettes built around clear, saturated sky blue or night-dark navy, Cloud Break operates entirely in the middle register — grays with just enough blue to feel atmospheric rather than neutral, blues muted just enough with gray to feel considered rather than primary. This is the color vocabulary of sophisticated professional design: calm, ordered, clear, and spacious.

Storm Gray is the palette's most versatile dark tone. It is dark enough to provide contrast against the lighter steps above it, but far from black — its blue-gray quality gives it warmth relative to pure gray and makes it feel deliberately chosen rather than merely default. It works well as a primary text color on light blue or white backgrounds, as an icon or UI element fill, and as a dark anchor in data visualization where black would feel too heavy. Storm Gray occupies the same tonal territory as sophisticated dark-mode interface colors, where true black is considered too stark for extended reading.

Sponsors

Cloud Blue and Open Sky are the palette's primary working tones — the two steps that most designers will reach for most frequently when building from this system. Cloud Blue has just enough saturation to function as a clear accent while remaining firmly muted enough to coexist quietly with content-heavy designs. Open Sky lightens this further to a value that works for active interface states, hover colors, link underlines, and secondary container backgrounds. Both sit comfortably within the aesthetic vocabulary of financial, healthcare, technology, and productivity software design.

Soft Cloud and Cloud White close the palette so gently that they barely register as color at all — and that is precisely their value. Cloud White provides an alternative to pure white that eliminates the harsh edges white creates in blue-leaning design systems, making it ideal as a card background, modal overlay, or content area in applications where Storm Gray is the primary dark and Cloud Blue is the primary accent. Cloud Break as a complete system is exceptional for healthcare platforms, enterprise software, editorial publishing interfaces, and any brand identity where professionalism and approachability need to coexist.

More Ocean & Sky Palettes

View all Ocean & Sky palettes →