HexCode

Color Family

Sky

Airy blues optimized for onboarding, educational UI, and complex data visualizations.

OptimisticFriendlyAssured

Positioning DNA

Sky captures the optimism of open air. Designers lean on it for onboarding flows, education platforms, and long scrollytelling experiences because it keeps viewers calm while guiding attention.

Sky 400-500 is vibrant enough for CTAs, while Sky 100-200 can span the entire background without overwhelming copy. Gradients from Sky to Indigo create a natural atmospheric perspective.

Browse directory →Read journal →

UX Applications

  • Interactive explainers and learning platforms
  • Motion graphics representing connectivity
  • Support or help-center product surfaces

Sample Palette

Drop-in hex codes with usage notes

Sky 700

#0369a1

High-impact headings and CTA states

Sky 500

#0ea5e9

Buttons, icons, and empty-state illustrations

Sky 200

#bae6fd

Section backgrounds or cards

FAQ

Is Sky too playful for enterprise?

Not when paired with Slate or Zinc neutrals. Many enterprise SaaS apps mix Sky accents with monochrome layouts to humanize the experience.

How do I add depth to Sky backgrounds?

Layer subtle noise, radial gradients, or blur-based auroras to mimic atmospheric perspective without adding heavy assets.