Colors

The palette is built around clouds: a soft, light ground that lets content breathe, with sky and storm for structure and contrast, and warm accents for the sun behind the cloud. Every swatch below is read live from the published tokens — click any chip or value to copy it.

Using color

The cloud neutrals carry almost everything — backgrounds, text, surfaces, and dividers. Reach for sky as the primary interactive color (links, buttons, focus) and keep the warm accents rare: a small amount of dawn or gold is a highlight, not a background.

A simple test: if a page feels busy, the fix is usually less accent, not more neutral. The brand should feel like open sky, not a crowded one.

Contrast

Light cloud tones on white fail accessibility contrast for body text. Use storm or ink for text on light backgrounds, and reserve the pale tones for surfaces and large display elements. When in doubt, check the pairing against WCAG AA (4.5:1 for body text).